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
posted @ 2014-02-10 21:52  好记性还真不如烂笔头  阅读(184)  评论(0编辑  收藏  举报