jquery.lazyload用法

lazyload是jquery的插件，做爲延遲加載圖片，減壓服務器壓力。

如何使用：

 先把

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.min.js" type="text/javascript"></script>放在body裏面
修改html裏面的img src爲佔位符1*1像素灰色的gif代碼以下：
<img src="img/grey.gif" data-original="img/bmw_m1_hood.jpg" /> 
基本處理圖片代碼以下
$(function(){
$("img[data-original]").lazyload();
})

提早加載圖片代碼

$("img.lazy").lazyload({ threshold : 600 });數字能夠修改

事件觸發代碼：

事件能夠是任何 jQuery 時間, 如: click 和 mouseover. 你還能夠使用自定義的事件, 如: sporty 和 foobar. 默認狀況下處於等待狀態, 直到用戶滾動到窗口上圖片所在位置. 在灰色佔位圖片被點擊以前阻止加載圖片, 你能夠這樣作:

$("img").lazyload({
	placeholder : "img/grey.gif",
	event : "click"
});

淡出效果代碼：

$("img.lazy").lazyload({ 
    effect : "fadeIn"
});
加載隱藏的代碼：特別是作選顯卡的是老是要隱藏圖片這個就要給設置爲skip_invisible : false否則就加載不出來

$("img[data-original]").lazyload({skip_invisible : false});
參考英文網站：http://www.appelsiini.net/projects/lazyload