亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

后臺渲染的頁面,圖片資源使用src屬性的情況下,如何實現圖片懶加載?

后臺渲染的頁面,圖片資源使用src屬性的情況下,如何實現圖片懶加載?

躍然一笑 2018-12-11 17:15:43
在#content內是后端渲染的數據,img使用默認屬性src,利用.each替換src為loadding圖,圖片實際上已經完成原有數據(p1.jpg/p2.jpg/p3.jpg)的請求,后才被替換成loading圖片,懶加載的意義就沒有了。如何在不修改后臺數據的情況下,攔截圖片src,實現懶加載呢?<div id="content">    <img src="images/p1.jpg">    <img src="images/p2.jpg">    <img src="images/p3.jpg"></div><script>    $(function(){        $("#content img").each(function(){            if( !$(this).attr("data-original") ){                $(this).attr("data-original", $(this).attr("src") ).attr("src", "img/loading.gif");            }        });                $("#content img").lazyload();    });</script>
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 1069 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號