Masonry images overlapping above each other Masonry images overlapping above each other jquery jquery

Masonry images overlapping above each other


First use imagesLoaded :

// with jQueryvar $container = $('#container');// initialize Masonry after all images have loaded  $container.imagesLoaded( function() {     $container.masonry();});

then, if you can, specify the image width/height attributes on image tag

<img src="...." width="200" height="200" />

imagesLoaded is not deprecated:

http://masonry.desandro.com/layout.html#imagesloaded