作者pizzafan (未定)
看板Web_Design
標題[問題] 能讓網頁照順序load圖嗎?
時間Thu Nov 13 20:09:25 2014
很多blog或網頁,不能依次顯示圖,而是零亂的,
也就是假如user先看到中間一張圖,想要仔細看時,卻無法定住來看,
因為上面會不斷的loading圖進來,而造成頁面往下推擠,(圖往下降跑掉)
所以,除了控制顯示時間外,是否還有別的辦法,可以讓它依次依序顯示圖?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.237.123.228
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1415880569.A.F0F.html
1F：推 mmis1000: 順序無解，可是你可以先把容器高用css寫死 11/13 21:10
2F：→ kurtisgod: 對request而言它是依序顯示圖沒錯阿 只是要考量圖檔大 11/13 21:10
3F：→ kurtisgod: 小跟傳輸/反應時間 11/13 21:10
4F：→ mmis1000: 或是再onload時修正卷軸位置，讓你焦點不要跑掉 11/13 21:13
5F：→ carylorrk: 用 js 讀圖檔，讀完一個再讀下一個（可以達到但是很懶 11/13 21:16
6F：→ carylorrk: 先把高寫好或放 placeholder 比較好 11/13 21:16
7F：→ superpai: 你圖大小要先在img 裡面寫好 11/13 22:52
8F：→ mmis1000: 我試過一個做法是，在圖片onload時，如果圖片位置在焦點 11/13 23:00
9F：→ mmis1000: 以上，就把卷軸位置加上圖片高，不過多少會閃動 11/13 23:01
10F：→ pizzafan: 原打算用php判斷碰到img就加一行倒數(累增秒數),效率差 11/14 04:29
11F：→ pizzafan: 另一種想法只能靠HTML6或7了:先預load最低解析jpg(含高) 11/14 04:31
12F：推 WayneFu: 用 lazy load 可以達到原po的需求 畫面捲到哪 圖才會展開 11/14 09:29
13F：推 Canboo: 推superpai+WayneFu加起來就可避免頁面跳動和延遲載入 11/14 20:51
14F：→ pizzafan: 這方面的問題,複雜度太高,我就會放棄了, 11/15 19:29
15F：→ pizzafan: 因為目標不是要那麼專業 11/15 19:30