[問題] 能讓網頁照順序load圖嗎? pizzafan PTT批踢踢實業坊

作者: pizzafan (七情三想) 2014-11-13 20:09:25

很多blog或網頁,不能依次顯示圖,而是零亂的,
也就是假如user先看到中間一張圖,想要仔細看時,卻無法定住來看,
因為上面會不斷的loading圖進來,而造成頁面往下推擠,(圖往下降跑掉)
所以,除了控制顯示時間外,是否還有別的辦法,可以讓它依次依序顯示圖?

作者: mmis1000 (秋月戀楓) 2014-11-13 21:10:00

順序無解，可是你可以先把容器高用css寫死

作者: kurtisgod (蹦蹦蹦) 2014-11-13 21:10:00

對request而言它是依序顯示圖沒錯阿只是要考量圖檔大小跟傳輸/反應時間

作者: mmis1000 (秋月戀楓) 2014-11-13 21:13:00

或是再onload時修正卷軸位置，讓你焦點不要跑掉

作者: carylorrk (carylorrk) 2014-11-13 21:16:00

用 js 讀圖檔，讀完一個再讀下一個（可以達到但是很懶先把高寫好或放 placeholder 比較好

作者: superpai (超級白) 2014-11-13 22:52:00

你圖大小要先在img 裡面寫好

作者: mmis1000 (秋月戀楓) 2014-11-13 23:00:00

我試過一個做法是，在圖片onload時，如果圖片位置在焦點以上，就把卷軸位置加上圖片高，不過多少會閃動

作者: pizzafan (七情三想) 2014-11-14 04:29:00

原打算用php判斷碰到img就加一行倒數(累增秒數),效率差另一種想法只能靠HTML6或7了:先預load最低解析jpg(含高)

作者: WayneFu (風塵驕子) 2014-11-14 09:29:00

用 lazy load 可以達到原po的需求畫面捲到哪圖才會展開

作者: Canboo (啃布先生) 2014-11-14 20:51:00

推superpai+WayneFu加起來就可避免頁面跳動和延遲載入

作者: pizzafan (七情三想) 2014-11-15 19:29:00

這方面的問題,複雜度太高,我就會放棄了,因為目標不是要那麼專業

繼續閱讀