jQuery图片延迟加载插件jQuery.lazyload
2017-01-17 14:24
381 查看
插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载。
使用方法
引用jquery和jquery.lazyload.js到你的页面
html图片调用方法
为图片加入样式lazy 图片路径引用方法用data-original
js出始化lazyload并设置图片显示方式
在图片中也可以不使用 class="lazy",初始化时使用:
这样就可以对全局的图片都有效!
=======以下代码由 聆锾沐雨 提供=========
如果想提载入图片,可以使用 threshold 进行设置,
以上实例的含义是:在图片距离屏幕180px时提前载入:
========以下内容由 ?D丶мемοяy 提供===============
引入
路径依据实际目录来确定。
图片引用lazyload 方式
参数设置
使用方法
引用jquery和jquery.lazyload.js到你的页面
为图片加入样式lazy 图片路径引用方法用data-original
=======以下代码由 聆锾沐雨 提供=========
如果想提载入图片,可以使用 threshold 进行设置,
========以下内容由 ?D丶мемοяy 提供===============
引入
相关文章推荐
- jQuery图片延迟加载插件jQuery.lazyload
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jquery插件实现图片延迟加载(lazyload.js)
- jQuery图片延迟加载插件:jquery.lazyload
- JQUERY 插件开发——LAZYLOADIMG(预加载和延迟加载图片)
- jquery插件实现图片延迟加载 -- jquery.lazyload
- jquery.lazyload插件实现图片延迟加载
- jQuery图片延迟加载插件jQuery.lazyload
- jquery.lazyload.js 插件实现图片异步延迟加载
- jquery.lazyload 实现图片延迟加载jquery插件(转自http://www.jb51.net/article/21987.htm)
- jquery插件实现图片延迟加载(lazyload.js)
- 图片延迟加载插件Jquery LazyLoad
- jquery.lazyload 插件实现图片延迟加载
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- jquery.lazyload 插件实现图片延迟加载
- 延迟加载图片的 jQuery 插件——lazyload.js
- jquery插件jquery.lazyload实现的图片延迟加载
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- jquery插件jquery.lazyload实现的图片延迟加载
- 网页图片延迟加载的jQuery插件-Lazy Load Plugin for JQuery