# 實現加載指定目錄圖片 ***** >[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> ~~~