[問題] 能讓網頁照順序load圖嗎?

[pizzafan (未定)]

很多blog或網頁,不能依次顯示圖,而是零亂的,

也就是假如user先看到中間一張圖,想要仔細看時,卻無法定住來看,

因為上面會不斷的loading圖進來,而造成頁面往下推擠,(圖往下降跑掉)

所以,除了控制顯示時間外,是否還有別的辦法,可以讓它依次依序顯示圖?

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.237.123.228
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1415880569.A.F0F.html
推 mmis1000: 順序無解，可是你可以先把容器高用css寫死
→ kurtisgod: 對request而言它是依序顯示圖沒錯阿  只是要考量圖檔大
→ kurtisgod: 小跟傳輸/反應時間
→ mmis1000: 或是再onload時修正卷軸位置，讓你焦點不要跑掉
→ carylorrk: 用 js 讀圖檔，讀完一個再讀下一個（可以達到但是很懶
→ carylorrk: 先把高寫好或放 placeholder 比較好
→ superpai: 你圖大小要先在img 裡面寫好
→ mmis1000: 我試過一個做法是，在圖片onload時，如果圖片位置在焦點
→ mmis1000: 以上，就把卷軸位置加上圖片高，不過多少會閃動
→ pizzafan: 原打算用php判斷碰到img就加一行倒數(累增秒數),效率差
→ pizzafan: 另一種想法只能靠HTML6或7了:先預load最低解析jpg(含高)
推 WayneFu: 用 lazy load 可以達到原po的需求 畫面捲到哪 圖才會展開
推 Canboo: 推superpai+WayneFu加起來就可避免頁面跳動和延遲載入
→ pizzafan: 這方面的問題,複雜度太高,我就會放棄了,
→ pizzafan: 因為目標不是要那麼專業