jquery Isotope option for auto height on element

Question

So I'm using the isotope masonrylayout

$('section').isotope({itemSelector:'article',layoutMode:'masonry',transformsEnabled: false, animationEngine: 'jquery',masonry:{columnWidth:8}});

The problem is that if I don't set the height for the article in css, the layout doesn't look good the items overlap and stuff, but I can't set a fixed height for the elements, since they are blog posts and can change in size, do you guys have any tips on how to solve this?

Answer 1

Problem solved, you need to call $(window).load instead of $(document).ready(

Answer 2

var $container = $('#container').imagesLoaded( function() {
  $container.isotope({
    // options
  });
});

See Isotope - imagesLoaded