前端筆記

讓圖片延遲載入，加快網頁開啟速度，為2.x版本使用方式:

1.頁面載入Jquery與Lazyload2.x版本js:

<script src="/JQuery/1.11.3/jquery.min.js" defer></script>
<script src=/lazyload-2.x/lazyload.min.js" defer></script>

2.
(1)<img>中加入class="lazyload"
(2)引入圖片使用 data-src，若需要佔位圖片，可於前面多加一張src載入的較小佔位圖片
(3)圖片一定要設定width與heigh

<img class="lazyload" src="/pic/article-test-small.jpg" data-src="/pic/article-test.jpg"  width="100%" height="400px">

3.在<script>中加入程式碼

$("img.lazyload").lazyload();