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