图片加载完成再执行事件的实例

131 阅读 0 评论 87 点赞

我是靠谱客的博主无心自行车，最近开发中收集的这篇文章主要介绍图片加载完成再执行事件的实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

实例如下：

//图片加载
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;
}

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

以上这篇图片加载完成再执行事件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。