js圖片實時加載提供網頁打開速度_javascript技巧

其實實時加載圖片思路很簡單，頁面一開始加載的時候把不需要一開始就加載的圖片（如第二屏以下的圖片，反正是要往下滾動才能看到的，不如把它們設置成往下滾動的時候再實時加載）路徑保持到一個自定義的屬性里，如：，src="https://www.gxlcms.com/Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-24-201924/b.gif"是一個1px*1px的透明gif圖片，自定義屬性data-src里的"http://y3.ifengimg.com/a/2014_37/03c4830691a6d8b.jpg"才是圖片的路徑，往下滾動到它的時候把data-src里的值替換掉src的值，然后把data-src屬性移除掉……

如下是demo

http://www.cnblogs.com/xiaomou2014

http://www.cnblogs.com/xiaomou2014

7年前截肢的19歲癌癥晚期女孩

7年前截肢的19歲癌癥晚期女孩

7年前截肢的19歲癌癥晚期女孩

7年前截肢的19歲癌癥晚期女孩

7年前截肢的19歲癌癥晚期女孩

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com