О загрузке изображений с помощью masonry.js

Question

В последнее время я пишу проект, который должен загружать такие элементы, как "pinterest". поэтому я использую кладку - плагин jquery.

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

var $container = $('#tweetbox');

$container.imagesLoaded( function(){

  $container.masonry({

    itemSelector : '.each_tweet'

  });

  $('.fancy img').each(function(){

    var $this = $(this),

        url = $this.attr('alt');

    $this.attr('src',url);

  });

});

Спасибо!

Answer 1

Я нашел решение: использовать ленивую загрузку изображений, чтобы сначала загрузить пустое изображение. после загрузки всех изображений снова запустите масонство