我正在寻找一种快速简便的方法,用JavaScript预加载图像。如果这很重要的话,我正在使用jQuery
我在这里看到这个(http://nettuts.com…):
函数complexLoad(配置,文件名){
对于(var x=0;x<;fileNames.length;x++){
$(“<;img>;”)属性({
id:文件名[x],
src:config.imgDir+文件名[x]+config.imgFormat,
标题:“星云”+文件名[x]+“星云”
}).appendTo(“#”+config.imgContainer).css({display:“none”});
}
};
但是,对于我想要的,它看起来有点过头了
我知道有一些jQuery插件可以做到这一点,但它们看起来都有点大(大小);我只需要一个快速,简单和短的方式预加载图像
快速和简单:
函数预加载(阵列图像){
$(arrayOfImages).each(函数(){
$('<;img/>;')[0].src=this;
//或者,您可以使用:
//(新图像()).src=this;
});
}
//用法:
预载([
'img/imageName.jpg',
'img/anotherOne.jpg',
“img/blahblahblah.jpg”
]);
或者,如果您想要jQuery插件:
$.fn.preload=函数(){
这个。每个(函数(){
$('<;img/>;')[0].src=this;
});
}
//用法:
$(['img1.jpg','img2.jpg','img3.jpg']).preload();