Иногда изображения не загружаются прямо на странице Packery Masonry

Question

Я использую Packery для автоматической настройки изображений на сайте: http://jsfiddle.net/tryjkvg3/

var container = document.querySelector('#container');
var pckry = new Packery(container, {
    // options
    itemSelector: '.lista-isotope',
    gutter: 0
});

иногда изображения показывают так:

правильный это:

Но, если изменить размер окна, изображения корректируются и остаются в порядке. Как заставить изображения показываться каждый раз правильно без изменения размера в окне

Answer 1

Я нахожу решение: использование кладки с загруженными изображениями

Итак, мой окончательный код:

$(document).ready(function() {

  var $boxes = $('.lista-isotope');
  $boxes.hide();

  var $container = $('#container');
  $container.imagesLoaded( function() {
    $boxes.fadeIn();

    $container.masonry({
        itemSelector : '.lista-isotope',
        gutter: 0,
        isAnimated: !Modernizr.csstransitions
    });    
  });
});   

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