码迷,mamicode.com
首页 > 其他好文 > 详细

图片 lazyLoad

时间:2015-01-05 14:46:04      阅读:106      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!