圖片懶加載

背景：有時候我們打開一個頁面時不需要加載全部圖片，希望只有當圖片要顯示在頁面上市再去加載，淘寶就是一個很好的例子，我們滑動頁面時滑動到哪張圖片，哪張圖片才會加載，這樣節省了用戶手機流量

上代碼

#

@for (int i = 3; i < 22; i++)
{
    <img src="/Content/img/d.jpg" src="/Content/img/WeiXin/course/5/幻灯片@(i).JPG" />
}

只主要將src設為圖片地址就可以了src是圖片載入時的樣式

 <script src="~/Scripts/jquery.lazyload.min.js"></script>
    <script>
        $(function () {
            $(&#39;img&#39;).lazyload();
        })    
 </script>

是不是很簡單！

以上是圖片懶加載的詳細內容。更多資訊請關注PHP中文網其他相關文章！