首先在输出图片的时候我们做一些处理
<imgdata="这里是我们要显示图片的实际地址" src="这里是一张默认显示的小图片,可以快速加载 到页面。可以是所有图片使用统一的图片也可以是要显示图片的缩略图" alt="图片名"/> $('img[data]').load(function(){ var __this__ = $(this); var url = __this__.attr('data'); var src = __this__.attr('src'); // 这里判断如果图片实际地址不存在或者已经加载不处理 if(url ==''|| url == src) { return; } // 实例化一个图片的对象 var img =newImage(); // 将要显示的图片加载进来 img.src = url; // 如果图片已经加载存在浏览器缓存中直接处理 if(img.complete) { // 将要显示的图片替换过来 __this__.attr('src',url); return; } // 要显示的图片加载完成后做处理 img.onload =function(){ __this__.attr('src',url); } });
转:http://www.cnblogs.com/rt0d/archive/2011/04/17/2018646.html