メーソンリーは最初の写真セットの上部に画像を圧縮します

Question

私はギャラリーで写真を読み込むために石積みを使用します。最初の10〜15秒間の写真を圧縮して線として表示する点を除いて、正常に動作します。その後、それらは正しく拡張され、すべてが機能します。ここに私のコードです：$container.imagesLoaded(function(){ $container.masonry({itemSelector : '.box' }) }); ここに画面です：http://prntscr.com/bhfvd3 写真がつまってからそれを広げるのを防ぐために何ができますか？

Answer 1

イメージが既にロードされた後にスクリプトをロードして、ディメンションを計算し、イメージの処理方法を知る必要があります。あなたができる最も良いことは、あなたの画像サイズを低く保ち、同時に多くの画像を読み込まないことです。

イメージが1つのページに読み込む必要がある場合は、ページネーションまたは無限スクロールを使用します。これにより、一定量の画像がロードされた後にのみスクリプトが計算され、その後、ユーザーがスクロールダウンした後にスクリプトが再初期化されます。無限のスクロールを使用する場合は、新しいイメージがロードされた後にスクリプトをリロードするスクリプトが必要になります。