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

2023-08-02 10:46:03 402

一.使用createjs里的LoadQueue函数实现异步加载图片,监听加载进度

1.实例对象LoadQueue加载队列对象

varqueue=newcreatejs.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){ varproNum=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加载页面资源的相关文章请点击下面的相关链接

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

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

一.使用createjs里的LoadQueue函数实现异步加载图片,监听加载进度

1.实例对象LoadQueue加载队列对象

2.需要监听常用到的三个方法

3.实现监听进度

loading...0%

4.添加加载资源

5.获取加载完的资源

二:完整的代码

loading...0%

热门推荐

随机推荐