首页 > web前端 > js教程 > 正文

图片加载完成再执行事件

小云云
发布: 2018-01-18 14:49:02
原创
2087 人浏览过

本文主要为大家分享一篇图片加载完成再执行事件的实例,具有很好的参考价值,一起跟随小编过来看看吧,希望对大家有所帮助,希望能帮助到大家。

实例如下:

//图片加载
function load(imgSrc,callback) {
 var imgs = [];
 var c = 0;
 for (var i = 0; i < imgSrc.length; i++) {
  imgs[i] = new Image();
  imgs[i].src = imgSrc[i];
  imgs[i].onload = function(){
   c++
   if(c == imgSrc.length){
    if(callback){
     callback();
    }
   }
  }
 }
 return imgs;
}
登录后复制

应用场景:一些图片较多的页面,一些需要加上进度条或者百分比读取等加载效果的页面,一般移动端页面用得比较多

相关推荐:

如何解决背景图片加载不出问题

js图片加载的两种效果实例代码

Javascript实现图片加载从模糊到清晰显示的方法

以上是图片加载完成再执行事件的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板