【Jquery】Lazy Load 圖片延遲載入

使用方法

1.先到 官網 將下載檔案

2.引入檔案

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.lazyload.js"></script>

3.Javascript 部分

$(function (){
 $(".imgload").lazyload();
});

* $(".imgload") 代表所有class=imgload都適用

4.圖片部分

<img class="imgload" data-original="http://7311.tw/style/snp01/image/banner-1.jpg" src="http://7311.tw/style/snp01/image/imgload.jpg" />

* src->可以是載入的圖片, data-original->要載入的圖片
預覽：