鍍金池/ 問(wèn)答/HTML/ 對(duì)于已經(jīng)寫(xiě)好的html代碼如何實(shí)現(xiàn)圖片懶加載?

對(duì)于已經(jīng)寫(xiě)好的html代碼如何實(shí)現(xiàn)圖片懶加載?

對(duì)于已經(jīng)寫(xiě)好的html代碼如何實(shí)現(xiàn)圖片懶加載?

比如,寫(xiě)了很多文章,每篇文章都應(yīng)用了很多圖片,已經(jīng)存入了數(shù)據(jù)庫(kù),現(xiàn)在要進(jìn)行改版,實(shí)現(xiàn)圖片懶加載

自己嘗試過(guò)的方法

查找出所有的image,src替換為loading圖,并添加屬性data-src為一開(kāi)始的src地址,當(dāng)瀏覽器滾動(dòng)到可視區(qū)域在進(jìn)行替換data-src為src.

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

我期望有沒(méi)有更好的想法或者有社區(qū)存在的庫(kù)解決這個(gè)問(wèn)題,如果按照我嘗試的辦法則會(huì)很復(fù)雜

回答
編輯回答
離夢(mèng)

實(shí)際上你的方法是很好的了

如果覺(jué)著比較麻煩,可以用nodejs批量處理一下,會(huì)很快。

2017年10月5日 17:54