# 实现加载指定目录图片 ***** >[info] 核心代码 ~~~ <h2>loading...<span id="progress">0%</span></h2> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/PreloadJS/1.0.1/preloadjs.min.js"></script> <script> var queue = new createjs.LoadQueue(false); //可以在此指定某个文件夹 // var queue = new createjs.LoadQueue(false, 'images/'); var progress = $("#progress"); //监听进度事件 queue.on("progress", function(e){ var proNum = Math.ceil(e.progress * 100); progress.html( proNum + "%"); }); //监听完成事件 queue.on("complete", function(){ console.log("加载完成"); }); //监听文件加载事件 queue.on("fileload", function (event) { var item = event.item; var type = item.type; var s = event.result; if(type === createjs.LoadQueue.IMAGE) { document.body.appendChild(s); } }); //实现加载某个文件夹里的图片 // queue.loadManifest([ // "slide1-bg.png", // "slide2-bg.png", // "slide3-bg.png" // ], true);//配合上面LoadQueue指定的文件夹下的文件名 queue.loadManifest([ "slide1-bg.png", "slide2-bg.png", "slide3-bg.png" ], true, 'images/'); </script> ~~~