preloadjs看不到图片

纸鹞 CreateJS介绍 最后由 IcyIcarus 于2015年12月14日回复

  • 4 回答
  • 3k 浏览

请问一下老师为什么我做完之后浏览器看不到效果,我找不到代码哪里错了

QQ截图20150209173309.png

QQ截图20150209173344.png

  • 极客学院_ASMITA 2015年05月24日 回答 #1楼
  • 代码错误

    app.js

    正确的应是

    var plugin = { 
      getPreloadHandlers: 
    

    把getPreloadHandler改成getPreloadHandlers即可

  • 0 评论
  • IcyIcarus 2015年12月14日 回答 #3楼
  • #1楼  @极客学院_ASMITA 

    app.js:

    var preload;
    preload = new createjs.LoadQueue(false, "assets/");

    var plugin = {
    getPreloadHandlers: function () {
    return {
    types: ["image"],
    callback: function (src) {
    var id = src.toLowerCase().split("/").pop().split(".")[0];
    var img = document.getElementById(id);
    return {tag: img};
    }
    }
    }
    }

    preload.installPlugin(plugin);
    preload.loadManifest([
    "earth.jpg",
    "effel.jpg",
    "sky.jpg"
    ]);
  • 0 评论
  • IcyIcarus 2015年12月14日 回答 #4楼
  • #1楼  @极客学院_ASMITA 

    PreloadJS.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>PreloadJS</title>
    <script src="preloadjs-0.6.2.min.js"></script>
    <style>
    .image {
    max-width: 300px;
    max-height: 200px;
    border: 1px solid gold;
    margin: 5px;
    }
    </style>
    </head>
    <body>
    <img class="image" id="earth">
    <img class="image" id="effel">
    <img class="image" id="sky">
    <script src="app.js"></script>
    </body>
    </html>

    文件引用都没有问题,就是那个函数报错

  • 0 评论