使用PreloadJS加载图片资源的基础方法详解

var queue = new createjs.LoadQueue(false);

//监听进度事件
queue.on("progress", function (e) {
   
});
//监听加载事件
queue.on("fileload", function (e) {
 
});
//监听完成事件
queue.on("complete", function (e) {
 
});

loading...0%

//监听进度事件
queue.on("progress", function(e){
　　var prOnum= Math.ceil(e.progress * 100);
　　$("#progress").html( proNum + "%");
});

//加载单个图片
queue.loadFile("images/arrow.png");
//加载单个图片,带id
queue.loadFile({id: "img1", src:"images/slide3-bg.png"});
//加载多个文件,指定目录下
queue.loadManifest([
  "slide1-bg.png",
  "slide2-bg.png",
  "slide3-bg.png"
], true, "images/");

queue.on("fileload", function (e) {
  document.body.appendChild(e.result);
});

  
  



loading...0%