jquery 缓冲加载图片插件 jquery.lazyload

第一：加入jquery

第二：加入jquery.lazy.load.js文件

第三：在网页中加<script>

$(document).ready(function(){

 $("img").lazyload();

});

</script>

第四：图片方式<img src="预览图" data-original="真实路径"  width=""

height="" />

预防浏览器不支持JS应这样写：

<img src="预览图" data-original="真实路径"  width="" height="" />

<noscript><img src=""真实路径 /></noscript>

附加：

可在lazyload({}) 加入事件：
默认事件是：event:"scroll"
如：$("img").lazyload({event : "click", effect:"fadeIn"});
$("img").lazyload({event : "scroll", effect:"fadeIn"});

$("img").lazyload({event : "scroll"});
详情看官网：

http://www.appelsiini.net/projects/lazyload