1,引用外掛

2，HTML圖片呼叫方法
//為圖片加入樣式lazy, 圖片路徑引用方法用: data-original

3, js 初始化 lazyload並設定圖片顯示方式
$(function() {
$(‘img.lazy’).lazyload({effect:“fadeIn”});
});
在圖片中也可以不使用class=“lazy”,初始化時使用：
$(‘img’).lazyload({effect: ‘fadeIn’}); //對全域性的圖片都有效果。
//如果想提前載入圖片，可以使用threshold進行設定；
$(‘img.lazy’).lazyload({threshold: 180}); //在圖片距離螢幕180px時提前載入；
//引數設定
$(‘img.lazy’).lazyload({
placeholder: ‘img/default.jpg’, //用於圖片佔位 ， 當圖片加載出來時就隱藏
effect: ‘fadeIn’, //載入時用的效果；show / fadeIn / slideDown，常用的是fadeIn;
threshold: 200, //提前開始載入，值為數字，代表頁面高度，表示滾動條在離目標位置還有200px的高度時就開始載入圖片，可以做到不讓使用者察覺；
event: ‘click’, //事件觸發時才載入，一般不需要這個設定；
container: $(’.content’), //某個區域內的圖片有懶載入效果，其他區域沒有；
failurelimit, 值為數字.//lazyload預設在找到第一張不在可見區域裡的圖片時則不再繼續載入,但當HTML容器混亂的時候可能出現可見區域內圖片並沒加載出來的情況 , failurelimit意在載入N張可見區域外的圖片,以避免出現這個問題。
});