利用javascript预加载图片
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.poloo.org/eclipsephp/images/logo.png",
"http://www.poloo.org/eclipsephp/images/logo.png"];
//要加载的图片地址
loadimg(imgs,function(){alert(this[0].src)});