图片预加载

 function  preload(callback) {   　　var imageObj = new Image();  　　images = new Array();  　　images[0]="pre_image1.jpg";  　　images[1]=" pre_image2.jpg";  　　images[2]=" pre_image3.jpg"; 　　 for(var i=0; i<=2; i++) {    　　　 imageObj.src=images[i];  　　 　　if (imageObj.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数      　 　　callback.call(imageObj);    　　　 } else { 　　  　　　　imageObj.onload = function () {// 图片下载完毕时异步调用 callback 函数         　　　　callback.call(imageObj);// 将回调函数的 this 替换为 Image 对象   　　  　　};  　　　　 } 　　 }  }  function callback(){   　　alert(this.src + “已经加载完毕 , 可以在这里继续预加载下一组图片”);  }

 CSS(background)、JS(Image)、HTML(<img />)都可以。常用的是new Image();，设置其src来实现预载，再使用onload方法回调预载完成事件。只要浏览器把图片下载到本地，同样的src就会使用缓存，这是最基本也是最实用的预载方法