首页 > 代码库 > 图片 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。