Lazy Loader, jQuery 圖片延遲顯示外掛套件

許多部落格或是網站都有一種特效
就是畫面拉到有圖片的地方
圖片才開始載入
而不是一開啟網頁就全部載入

這樣可以節省不少頻寬消耗
而且看網站的人也比較不會因為一開始大量載入
而等待時間變長

一直覺得這種效果很有趣
但是不曉得要用什麼關鍵字去查
問了一個做網頁案子的朋友 才知道這叫 Lazy Loader

安裝方法很簡單
首先先裝載 js 檔案

<script src=”jquery.js” type=”text/javascript”></script>
<script src=”jquery.lazyload.js” type=”text/javascript”></script>

然後再加入

$(function()
{
$(“img”).lazyload();
}

就可以套用所有 img 物件 有 Lazy Loader 的效果

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料