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

看板Web_Design作者 (未定)時間11年前 (2014/11/13 20:09), 編輯推噓3(3推 0噓 12→)
留言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
‣ 更多 pizzafan 的文章
文章代碼(AID): #1KP9zvyF (Web_Design)