javascript - 画像の読み込みを上から下、左から右に変更

Question

私はこのチュートリアルhttp://css-tricks.com/seamless-responsive-photo-grid/を使用して、lazyload でグリッドを作成しています。

問題は、画像が次のようにロードされることです

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

それ以外の

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

ほとんどの場合、スタート画面を空白のままにします。

どうすればこれを変更できますか?

*Masonry プラグインの無限スクロールを試してみましたが、静的なページに依存したくないので、Masonry は選択しませんでした。

Answer 1

画像は、DOM に表示されている順序で読み込まれます。

画像が正しい順序で DOM に追加されるように DOM 表現を変更するか (たとえば、最初に並べて表示)、または JS ベースのプリロードを使用して、必要な順序で画像をプリロードします。