JQuery Lazyload是為了提升網頁加載速度而誕生的一款JQuery插件。它的主要功能是在頁面滾動至一定高度時,再進行圖片等資源的加載,從而提高頁面加載速度,減少頁面的等待時間。
而JQuery Lazyload的參數則是定義了它的內部運作方式,對于用戶來說非常重要。下面來詳細介紹幾種常見的參數:
threshold: 0, //距離屏幕多少像素開始加載圖片 effect: "fadeIn", //圖片顯示方式 failure_limit: 10, // 在這里發送ajax調用之前,它將繼續嘗試獲取新圖像。 event: "scroll", //事件觸發的方式 container: window //圖片預加載的位置
上述參數中,threshold是定義當距離屏幕多少像素時開始加載圖片,一般情況下使用默認值0即可;effect定義圖片的顯示方式,這里使用fadeIn的方式進行圖片展示具有較好的效果;failure_limit是當無法加載圖片時嘗試獲取新圖像限制的次數,一般情況下設置10即可;event則是定義事件觸發的方式,這里使用scroll滾動的方式進行觸發;container參數定義圖片預加載的位置,一般情況下使用window即可。
當然,這只是JQuery Lazyload參數中的一部分,還有許多其他參數需要根據情況進行不同的設置。但是幾種常見的參數已經足夠大家了解了吧。
上一篇自適應css首頁