[問題] 提前載入未被要求的網頁圖片

[FacetheFaith ( )]

想請教一下

在頁面載入完成後，當滑鼠移到圖片A上面時，會將圖片A換成另一張圖片B來顯示

(換圖片的方式目前想到的做法有JavaScript)

若圖片A檔案很大或網速很慢，就會看到滑鼠移到圖片A上面需等候兩三秒才會換成圖片B


有沒有什麼方法可以在開啟該頁面後，先顯示預設該顯示的網頁內容(例如圖片A)

等頁面完全載入後，在背景繼續讀取可能會被用到的網頁資源(例如上面提到的圖片B)

好讓使用者盡量覺得圖片變換順暢

Thx

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.65
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1508313193.A.8D5.html
→ crossdunk: 背景 ? 你可以先隱藏呀
→ FacetheFaith: 隱藏的話不影響一開始頁面載入的速度嗎
→ jherk: preload / asynchronous
推 crossdunk: 所以你要lazyload還是lazyload+隱藏
→ FacetheFaith: 要滑鼠移到圖片A之後才會顯示成圖片B，這樣是隱藏+
→ FacetheFaith: lazyload？
→ Kenqr: 這樣? https://jsfiddle.net/00Ln5rpw/
推 peaceandlove: 有很多張圖片會更換喔