js 让图片预先加载

有时候一些js中调用图片会出现图片没有调用出来的情况，原因是因为一开始打开页面时并没有加载JS中要加载的图片。所以当js要用时就出现红X的情况。所以要进行js预先加载。方法如下：

比如有三张图片images/01.gif;images/02.gif;images/03.gif

var arr = new Array();
for(var i=1; i<=3; i++) {
arr[i] = new Image();
arr[i].src='imges/0'+i+'.gif';
arr[i].onload;//加载
}