码迷,mamicode.com
首页 > 其他好文 > 详细

H5异步加载多图

时间:2020-02-22 16:03:39      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:加载完成   下一步   com   执行   src   load   一个   var   onload   

异步加载多图(可能没啥用,加载慢)(图片预加载,提前给浏览器缓存图片)

1. 用一个计数变量记录需要加载的图片个数

2. 用new Image()去加载,加载完给此对象的src赋值要加载的url路径(事先加载好图片)

3. 每次加载成功计数加一,加载完成全部调用回调进行下一步操作

4. 此方法可以得知图片什么时候加载完成,示例代码:

var img = new Image();

img.onload = () => {

  // 可以直接使用相同url赋值,此时图片已经预加载完毕     

}

img.src = ‘https://res.vigoo.com‘ + data.img;

注意:src要写在onload之后,否则图片加载过快没执行onload

H5异步加载多图

标签:加载完成   下一步   com   执行   src   load   一个   var   onload   

原文地址:https://www.cnblogs.com/dlm17/p/12345412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!