第一步：在網站頭部引用lazyload，可以把lazyload文件下載下來也可以直接在各大公共庫中引用

<script src="http://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.js" type="text/javascript"></script>

注意：不可以放在底部哦，一定要放在站內需要延時加載圖片的上方。

第二步：在網站所有圖片中指定要延時加載的圖片，這里以織夢系統(tǒng)的網站為例：

    <img data-original="[field:first_imgurl/]" src="[field:litpic/]"/>

說明：上面就是把圖片指定到lazy樣式中，“data-original”一定要是網站真實要顯示的圖片地址。

第三步：在網站底部加入以下代碼，恰恰和第一步相反：  

  <script type="text/javascript">

    $("img.lazy").lazyload({ effect : "fadeIn"

    });

    </script>