Каменная кладка с асинхронной загрузкой изображений

Question

Я пытаюсь показать фотографии рядом друг с другом с кладкой. Проблема заключается в том, что кладка выполняет это код, прежде чем все изображения будут загружены в Результирующее в перекрывающихся изображениях:.

И мне нужно что-то вроде этого (это когда я изменить размер окна после того, как изображения будут загружены в:

знает ли кто, как это исправить? Я пытался использовать метод onresize(), но это не похоже на работу.

заранее спасибо!

Answer 1

Попробуйте использовать «imagesLoaded» Me ThOD см Masonry imagesloaded

Вот пример

var $grid = $('.grid').imagesLoaded(function() { 
    // init Masonry after all images have loaded 
    $grid.masonry({ 
     // options... 
    }); 
});