首页 > Web开发 > 详细

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

时间:2014-02-11 01:21:46      阅读:381      评论:0      收藏:0      [点我收藏+]
第一:加入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

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

原文:http://www.cnblogs.com/lin3615/p/3543592.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!