首頁 > web前端 > js教程 > 圖片懶加載

圖片懶加載

炎欲天舞
發布: 2017-08-04 14:54:59
原創
2169 人瀏覽過

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

上代碼


#
@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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板