图片预装载

JavaScript中有一个内嵌的Image类，该类可以进行图片的预装载。

当建立一个Image对象时，并且将想要预装载的图片的URL传递给该对象的src之后，浏览器就会执行预装载请求，将想要加载的图片保存到cache，以后如果想要使用这个图片就会直接从cache中取出并立即显示，而不是重新进行装载。

//对图片进行预装载的基本代码
var img=new Image();
img.src="image.jpg";

//如果有多个图片需要预加载
var imageName=["a","b","c","d"];
var imageObj=[];
for(var i=0;i<imageName.length;i++)
{
    imageObj[i]=new Image;
    imageObj[i]=imageName[i]+".jpg";
}

上面可以实现图片异步装载。

使用这种方法实现预装载，需要允许使用浏览器cache。