jQuery圖片延遲加載插件Lazy Load

拉丁傳說 2018-4-13 1516

Lazy Load 是一款基于 jQuery 的圖片延遲加載插件,它可以讓瀏覽器可視區域外的圖片不加載,當滾動到它們的位置時才加載。

延遲加載可以使頁面加載更快,減少服務器的負擔,甚至是節約帶寬。

兼容性

Lazy Load 兼容所有瀏覽器,包括 IE6、IE7。

使用方法

1、引入文件

<script src="js/jquery.min.js"></script>
<script src="js/jquery.lazyload.js"></script>

2、HTML

<img src="images/blank.gif" data-original="images/big-1.jpg" width="640" height="480">

注意:必須指定圖片的寬度和高度,或者在 CSS 中設置也可以,否則不會延遲加載。

3、JavaScript

$(function() {
?? ?$('img.lazy').lazyload();
});

參數

參數 說明 默認值
threshold 閾值/臨界點 0
failure_limit
event 圖片加載事件 ?scroll
effect 圖片加載顯示效果 show
container window
data_attribute original
skip_invisible
appear
load
placeholder 未加載圖片的 src base64 png

演 示 下 載

最新回復 (0)
返回
發新帖
下载麻将游戏四人麻将 494949最快开奖结果 香港 安徽25选5 重庆福彩快乐十分开奖结果 浙江11选5走势 黑龙江体彩6十 开奖号 麻将群公告群规则 雪圆缘足彩比分直播 球探比分即时足球比分手机版我 516棋牌下载送27 十一选五的技巧与规律 天津十一选五开奖号 大唐麻将推广员怎么赚钱 十大网络赚钱平台 广西快3网络开奖同步 福彩排列7走势图 足球比分直播90vs赛轮卡杯