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

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

并在大多数情况下将开始屏幕留空。

我怎样才能改变这个？

*我试过无限滚动的 masonry 插件，但是我不想依赖静态页面，所以 masonry 不是我的选择。

Answer 1

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

要么更改 DOM 表示，以便图像以正确的顺序附加到 DOM 中(例如，首先并排)，要么使用一些基于 JS 的预加载以您想要的顺序预加载图像。