Question

我正在使用本教程http://css-tricks.com/seamless-responsive-photo-grid/创建一个带有lazyload的网格，您可以在此处查看http://jsfiddle.net/gaz2A/

问题是图像像

一样加载

1|3|5|7
2|4|6|8

而不是

1|2|3|4
5|6|7|8

并且大部分时间将开始屏幕留空。

我该如何更改？

*我尝试了无限滚动的砌体插件，但我不想依赖静态页面，所以砌砖不是我的选择。

Answer 1

图像将按照它们在DOM中显示的顺序加载。

更改DOM表示，以便以正确的顺序将图像附加到DOM中（例如，首先并排），或者使用一些基于JS的预加载按照您想要的顺序预加载图像。