new Image 实现图片预加载无需等待

网站开发时经常需要在某个页面需要实现对大量图片的浏览，如果考虑流量的话，大可以像pconline一样每个页面只显示一张图片，让用户每看一张图片就需要重新下载一下整个页面。不过，在web2.0时代，更多人愿意用javascript来实现一个图片浏览器，让用户无需等待过长的时间就能看到其他图片。

知道了一张图片的地址，需要把它在一个固定大小的html容器（可以是div等）里边显示出来，最重要的当然是需要知道这张即将显示的图片的宽和高，然后再结合容器的宽和高，按照一定的缩放比例使图片显示出来。因此，实现图片预加载就成为图片浏览器的核心功能了。

做过图片翻转效果的朋友其实都知道，要让图片轮换的时候不出现等待，最好是先让图片下载到本地，让浏览器缓存起来。这时，一般都会用到js里边的Image对象。一般的手段无非这样：  http://www.jb51.net/article/32761.htm

 

javascript 图片预加载 全文：http://www.cnblogs.com/siqi/p/3304662.html

 

用new Image预加载图片的问题 全文：http://tieba.baidu.com/p/1798573264

 

1.用for遍历你的图片，用数组存放你的图片src（或者json） 
2.事件引用不要加括号 x.onload=jjj; 或者 x.onload = function(){ 代码 }
var srcs = new Array();
srcs.push('路径字符串');

ps.如果 new Image() 无效的话，就是图片地址问题了。我在怀疑可能是防盗链等原因，图片请求地址做了处理。