首页 > 代码库 > 图片 lazyLoad

图片 lazyLoad

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