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 的效果