jQuery图片延迟加载插件jQuery.lazyload-新乡seo|网站优化,网站建设_微信公众号:zeropython—昊天博客

延时加载

 

插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载。

使用方法

引用jquery和jquery.lazyload.js到你的页面

html图片调用方法

为图片加入样式lazy  图片路径引用方法用data-original

js出始化lazyload并设置图片显示方式

在图片中也可以不使用 class="lazy",初始化时使用:

这样就可以对全局的图片都有效!

=======以下代码由 聆風沐雨 提供=========

如果想提载入图片,可以使用 threshold 进行设置,

以上实例的含义是:在图片距离屏幕180px时提前载入:

 

========以下内容由 ︶D丶мемοяy 提供===============

引入

路径依据实际目录来确定。

图片引用lazyload 方式

参数设置

注意 js 代码最好放在网站的最后边