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

看板Web_Design作者 (未定)時間11年前 (2014/11/13 20:09), 編輯推噓3(3012)
留言15則, 7人參與, 最新討論串1/1
很多blog或網頁,不能依次顯示圖,而是零亂的, 也就是假如user先看到中間一張圖,想要仔細看時,卻無法定住來看, 因為上面會不斷的loading圖進來,而造成頁面往下推擠,(圖往下降跑掉) 所以,除了控制顯示時間外,是否還有別的辦法,可以讓它依次依序顯示圖? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.237.123.228 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1415880569.A.F0F.html

11/13 21:10, , 1F
順序無解,可是你可以先把容器高用css寫死
11/13 21:10, 1F

11/13 21:10, , 2F
對request而言它是依序顯示圖沒錯阿 只是要考量圖檔大
11/13 21:10, 2F

11/13 21:10, , 3F
小跟傳輸/反應時間
11/13 21:10, 3F

11/13 21:13, , 4F
或是再onload時修正卷軸位置,讓你焦點不要跑掉
11/13 21:13, 4F

11/13 21:16, , 5F
用 js 讀圖檔,讀完一個再讀下一個(可以達到但是很懶
11/13 21:16, 5F

11/13 21:16, , 6F
先把高寫好或放 placeholder 比較好
11/13 21:16, 6F

11/13 22:52, , 7F
你圖大小要先在img 裡面寫好
11/13 22:52, 7F

11/13 23:00, , 8F
我試過一個做法是,在圖片onload時,如果圖片位置在焦點
11/13 23:00, 8F

11/13 23:01, , 9F
以上,就把卷軸位置加上圖片高,不過多少會閃動
11/13 23:01, 9F

11/14 04:29, , 10F
原打算用php判斷碰到img就加一行倒數(累增秒數),效率差
11/14 04:29, 10F

11/14 04:31, , 11F
另一種想法只能靠HTML6或7了:先預load最低解析jpg(含高)
11/14 04:31, 11F

11/14 09:29, , 12F
用 lazy load 可以達到原po的需求 畫面捲到哪 圖才會展開
11/14 09:29, 12F

11/14 20:51, , 13F
推superpai+WayneFu加起來就可避免頁面跳動和延遲載入
11/14 20:51, 13F

11/15 19:29, , 14F
這方面的問題,複雜度太高,我就會放棄了,
11/15 19:29, 14F

11/15 19:30, , 15F
因為目標不是要那麼專業
11/15 19:30, 15F
文章代碼(AID): #1KP9zvyF (Web_Design)