【记录】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)});