轻量级和强大的 jQuery 图像延迟加载插件 -lazyload

轻量级和强大的 jQuery 图像延迟加载插件 -lazyload

版本:

浏览量:1157

最后更新:2021-09-12

应用标签:Jquery插件MAC 软件git

推荐指数:

详细信息

lazyload 是一个简单、轻量级但功能强大的 jQuery 插件,它在您的网页上提供图像延迟加载功能,具有以下功能:

  • 易于实施。

  • 适用于 jQuery 或 Zepto。

  • 支持本地图片、ajax图片和背景图片。

  • 很多选项可以自定义。

  • 跨浏览器。支持 IE6/7。

基本用法:

1. 在您的网页底部包含 jQuery 库和 jQuery lazyload 插件的脚本。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="lazyload.js"></script>

2. 在您的网页中插入您希望延迟加载的图像。使用data-original属性来定义图像的来源。

<img class="lazy" data-original="demo-1.jpg" width="" height="" alt="Demo">
<img class="lazy" data-original="demo-2.jpg" width="" height="" alt="Demo">
<img class="lazy" data-original="demo-3.jpg" width="" height="" alt="Demo">
...

3. 调用图片功能启用插件。

$("img.lazy").lazyload();

4. 选项和默认值。

threshold : 0,
failure_limit: 0,
event  : 'scroll', // jquery events
effect : 'show', // show or fadein
effect_params: null,
container : w,
data_attribute  : 'original',
skip_invisible  : true,
appear : emptyFn,
load: emptyFn,
vertical_only: false,
minimum_interval: 300,
use_minimum_interval_in_ios : false,
url_rewriter_fn : emptyFn,
no_fake_img_loader : false,
placeholder_data_img  : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC',
// for IE6\7 that does not support data image
placeholder_real_img  : 'placeholder.png'

变更日志:

2018-09-21

  • 错误修正

2017-02-28

  • 错误修正

2015-11-18

  • 更新日期和错误修正。

2015-09-17

  • 更新和错误修正。

2015-01-31

  • 固定的。

2015-01-21

  • 固定的。

2014-11-13

  • 固定的。

2014-10-11

  • 为 zepto.js 修复

联系我们
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

支付宝支付
联系客服
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。