欢迎光临
我们一直在努力

JS 预加载图片

很早以前写的了,最近翻出来看,做了一下改进。

1:性能优化了。代码更简洁

2:可以使用回调函数

 

var loadimg=function(imgs,callback){

if(!imgs){return false};//参数判断

var img=[],
len=imgs.length;

for(var i=0;i<imgs.length;i++){
img[i]=new Image();//新建一个IMG对象
img[i].src=imgs[i];
}

img[i-1].onload= callback ? callback.apply(img) : null;
//回调函数给最后一个图片的onload事件说明全部图片加载完成。
//(我不知道这种是否正确,我看了httpwatch应该是没问题的)
//回调函数this指向全部预计在图片的数组
//这样可以在回调函数里调用刚才加载的图片
}

//使用方法
var imgs=["http://www.baidu.com/img/baidu_logo.gif",
         "http://img1.gtimg.com/news/pics/25962/25962079.jpg"];//要加载的图片地址
loadimg(imgs,function(){alert(this[0].src)});

 

赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » JS 预加载图片

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址