[問題] 提前載入未被要求的網頁圖片 FacetheFaith PTT批踢踢實業坊

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

作者: FacetheFaith (Yes Man) 2017-10-18 15:53:11

想請教一下
在頁面載入完成後，當滑鼠移到圖片A上面時，會將圖片A換成另一張圖片B來顯示
(換圖片的方式目前想到的做法有JavaScript)
若圖片A檔案很大或網速很慢，就會看到滑鼠移到圖片A上面需等候兩三秒才會換成圖片B
有沒有什麼方法可以在開啟該頁面後，先顯示預設該顯示的網頁內容(例如圖片A)
等頁面完全載入後，在背景繼續讀取可能會被用到的網頁資源(例如上面提到的圖片B)
好讓使用者盡量覺得圖片變換順暢
Thx

作者: crossdunk (推噓自如) 2017-10-18 16:11:00

背景 ? 你可以先隱藏呀

作者: FacetheFaith (Yes Man) 2017-10-18 16:16:00

隱藏的話不影響一開始頁面載入的速度嗎

作者: jherk 2017-10-18 16:23:00

preload / asynchronous

作者: crossdunk (推噓自如) 2017-10-18 18:00:00

所以你要lazyload還是lazyload+隱藏

作者: FacetheFaith (Yes Man) 2017-10-18 18:58:00

要滑鼠移到圖片A之後才會顯示成圖片B，這樣是隱藏+lazyload？

作者: Kenqr (function(){})() 2017-10-19 17:28:00

這樣? https://jsfiddle.net/00Ln5rpw/

作者: peaceandlove (peaceandlove) 2017-10-21 07:55:00

有很多張圖片會更換喔

繼續閱讀

[請益] 請問現在官方網站建置技術為何?anderjane [請益] iss 設定的問題canamvskid [問題] 想用perl+cgi撰寫restful apiwayne4321 [問題] 工廠廠房流程圖網站製作Tangut [閒聊][揪團] 網站技術學習討論會raindot [請益] 購物車推薦zoayzoay [請益] line機器人修改請益tingmeow [情報] 台灣自己的前端框架 - Vital UIQian1208 [問題] 要登入會員的網頁可以取得他的原始碼嗎?Lo78 [請益] line bot回傳imgur圖片問題tingmeow