图片延迟加载的大致的原理是，对于图片标签不是把图片的路径指定到src属性上，src属性指定一个非常小的空白图片，真正的图片地址设置到一个自定义的属性上，比如file，这样img标签就是这样：<img src="blank.jpg" file="00xx.jpg"/>或者背景直接把一张小的空白图作为背景色。
我的设计思想采用第二种：
1：先把刷新的小图片 作为图片的背景图片，根据onload判断图片是否加载完成，onload官方手册的说明：
如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。
2：error可以判断是否图片失效或者url失效：error官方手册说明：
对于error事件，没有一个公众的标准。在大多数浏览器中，当页面的JavaScript发生错误时，window对象会触发error事件;当图像的src属性无效时，比如文件不存在或者图像数据错误时，也会触发图像对象的error事件。 备注ie下失效，所以可以在最后一部全部清除背景图片
3：最后在执行清除背景图片等等善后工作
548
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
