欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-05 19:29:12
实例如下: //图片加载 function load(imgsrc,callback) { var imgs = []; var c = 0; fo...

实例如下:

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

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

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