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 : 假若有的图片应该已经加载了,可是因为某写缘由,他仍是隐藏了,那么假如你加入须要这种图片也能出来,那么能够用这个属性css
源码下载:https://raw.githubusercontent.com/tuupola/jquery_lazyload/master/jquery.lazyload.js
官方文档:http://www.appelsiini.net/projects/lazyloadhtml