Масонство сжимает изображения сверху для первого набора фотографий

Question

Я использую масонство для загрузки фотографий в галерее. Он отлично работает, за исключением того, что он сжимает фотографии в течение первых 10-15 секунд и показывает их как линию. Затем они расширяются правильно, и все работает. Вот мой код: $container.imagesLoaded(function(){ $container.masonry({itemSelector : '.box' }) }); Вот экран: http://prntscr.com/bhfvd3 Что можно сделать, чтобы предотвратить застревание фотографий и затем расширить?

Answer 1

Сценарий должен загружаться после того, как изображения уже загружены, чтобы он мог рассчитать размеры и узнать, что делать с изображениями. Лучшее, что вы можете сделать, это сохранить размеры изображений низкими и не загружать слишком много изображений одновременно.

Если у вас есть много изображений, которые необходимо загрузить на одной странице, используйте разбивку на страницы или бесконечный свиток. Это позволит сценарию вычисляться только после загрузки определенного количества изображений, а затем он будет повторно инициализироваться после прокрутки пользователя. Если вы собираетесь использовать бесконечный прокрутки, вам понадобится сценарий, который перезагружает скрипт после загрузки новых изображений.