如何使用PreloadJS加载图片资源-创新互联
这篇文章主要介绍如何使用PreloadJS加载图片资源，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
绥滨网站建设公司成都创新互联,绥滨网站设计制作，有大型网站制作公司丰富经验。已为绥滨近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的
绥滨做网站的公司定做！
一. 使用createjs里的LoadQueue函数实现异步加载图片,监听加载进度
1.实例对象LoadQueue加载队列对象
var queue = new createjs.LoadQueue(false);
2.需要监听常用到的三个方法
//监听进度事件
queue.on("progress", function (e) {
});
//监听加载事件
queue.on("fileload", function (e) {
});
//监听完成事件
queue.on("complete", function (e) {
});3.实现监听进度
html代码:
loading...0%
js代码:
//监听进度事件
queue.on("progress", function(e){
var proNum = Math.ceil(e.progress * 100);
$("#progress").html( proNum + "%");
});4.添加加载资源
//加载单个图片
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/");5.获取加载完的资源
queue.on("fileload", function (e) {
document.body.appendChild(e.result);
});二:完整的代码
PreloadJs加载图片
loading...0%
以上是“如何使用PreloadJS加载图片资源”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联成都网站设计公司行业资讯频道！
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
新闻标题：如何使用PreloadJS加载图片资源-创新互联
标题URL：http://kswjz.com/article/dseegh.html
