這篇文章主要介紹如何使用PreloadJS加載圖片資源，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
綏濱網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),綏濱網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為綏濱近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個(gè)售后服務(wù)好的
綏濱做網(wǎng)站的公司定做！
一. 使用createjs里的LoadQueue函數(shù)實(shí)現(xiàn)異步加載圖片,監(jiān)聽加載進(jìn)度
1.實(shí)例對象LoadQueue加載隊(duì)列對象
var queue = new createjs.LoadQueue(false);
2.需要監(jiān)聽常用到的三個(gè)方法
//監(jiān)聽進(jìn)度事件
queue.on("progress", function (e) {
});
//監(jiān)聽加載事件
queue.on("fileload", function (e) {
});
//監(jiān)聽完成事件
queue.on("complete", function (e) {
});3.實(shí)現(xiàn)監(jiān)聽進(jìn)度
html代碼:
loading...0%
js代碼:
//監(jiān)聽進(jìn)度事件
queue.on("progress", function(e){
var proNum = Math.ceil(e.progress * 100);
$("#progress").html( proNum + "%");
});4.添加加載資源
//加載單個(gè)圖片
queue.loadFile("images/arrow.png");
//加載單個(gè)圖片,帶id
queue.loadFile({id: "img1", src:"images/slide3-bg.png"});
//加載多個(gè)文件,指定目錄下
queue.loadManifest([
"slide1-bg.png",
"slide2-bg.png",
"slide3-bg.png"
], true, "images/");5.獲取加載完的資源
queue.on("fileload", function (e) {
document.body.appendChild(e.result);
});二:完整的代碼
PreloadJs加載圖片
重慶分公司
重慶分公司