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

Change loading of images from top to bottom, to left - right

本文关键字：图像加载从左到右从上到下更新时间：2023-09-26

我正在使用本教程 http://css-tricks.com/seamless-responsive-photo-grid/创建一个带有 lazyload 的网格，正如您在 Action 中看到的那样 http://jsfiddle.net/gaz2A/

问题是图像的加载方式如下

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

而不是

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

并将"开始"屏幕大部分留空。

我该如何更改？

*我尝试了无限滚动的砖石插件，但是我不想依赖静态页面，所以砖石对我来说不是一个选择。

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

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