首页 > 其他 > 详细

图片 lazyLoad

时间:2015-01-05 14:43:54      阅读:243      评论:0      收藏:0      [点我收藏+]

1. 引入jquery.lazyload.js, 需要先引入jquery.js
2. img便签里面加上 data-original = “xxxxx.jpg” 这一个标签,里面填写图片地址(注意:img标签需要给他设定长宽,通过html或者css都可以,否则可能出bug)
3. 启用插件的方法也是比较简单的。$("img.lazy").lazyload();
4. 设置一些参数
threshold : 200 : 暂时不需要加载的图片,先加载200像素
triger: click/mouserover : 触发事件
effect: fadeIn : 出现效果
skip_invisible : false/true : 假如有的图片应该已经加载了,但是由于某写原因,他还是隐藏了,那么假如你加入需要这种图片也能出来,那么可以用这个属性

源码下载:https://raw.githubusercontent.com/tuupola/jquery_lazyload/master/jquery.lazyload.js
官方文档:http://www.appelsiini.net/projects/lazyload

图片 lazyLoad

原文:http://www.cnblogs.com/blueheart789/p/4203447.html

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