[问题] 能让网页照顺序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

这方面的问题,复杂度太高,我就会放弃了,因为目标不是要那么专业

继续阅读