jQuery圖片延遲加載插件Lazy Load

拉丁傳說 2018-4-13 1409

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)
返回
發新帖
下载麻将游戏四人麻将