javascript - 从上到下，从左到右更改图像的加载

Question

我正在使用本教程http://css-tricks.com/seamless-responsive-photo-grid/创建一个带有延迟加载的网格，正如您在此处看到的那样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 的预加载来按您想要的顺序预加载图像。