JavaScript预加载图片
非原创,偶然在搜索引擎上看到的,觉得不错,记下来做个参考。
var loadimg = function(imgs,callback){
if ( !imgs ) {
//参数判断
return false;
}
var img = [];
var len = imgs.length;
for ( var i=0;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);
});
标签:Javascript, 预加载