lazyload插件用于圖片延遲加載，節省服務器帶寬，減少服務器請求次數，提高網站的頁面加載速度，用于網站性能優化，只有當圖片在窗口可視范圍內時才向服務器請求；

參數：

threshold：設置距離窗口底部多少像素開始加載圖片，提前加載圖片，

failure_limit：lazyload按照瀑布流加載圖片，當找到（按照圖片在DOM中的位置從上往下）第一張不在可視范圍的圖片后就停止檢測延遲加載圖片的位置

如上圖，如果每個列表塊包含兩張圖片，failure_limit為0時，當頁面滾動到陰影位置時，只會加載第一張圖片，因為大圖下的頭像沒有加載，所以會停止加載第二行第二列的圖片。所以failure_limit應該設置為一行總顯示圖片的個數-1,

event：處理圖片延遲加載的事件，默認的是window滾動事件，

effect：圖片加載效果，

container：處理圖片延遲加載的容器，用于觸發綁定事件用，

data_attribute：圖片延遲加載的圖片地址屬性后綴，data為前綴，默認為data-original

skip_invisible：用于顯示隱藏的圖片

appear：用于在圖片加載之前到顯示圖片之間的處理函數，一般用于展示加載動畫，

load：用于圖片加載完畢之后執行的函數，

placeholder：用于顯示圖片之前的圖片占位符，需要知道圖片有寬度和高度

?

標注：瀏覽器窗口滾動事件的觸發需要窗口的高度(window.innerHeight或$(window).height())和文檔高度(document.body.clientHeight或$(document).height())相等才能觸發滾動事件，但是如果設置html,body{height:100%;}，文檔高度和窗口高度一致就無法觸發窗口滾動事件。

轉載于:https://www.cnblogs.com/zhang-jian/p/4569244.html

總結

以上是生活随笔為你收集整理的jQuery lazyload插件详解和问题解答的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。