Masonry loading images display:none issue.

[revolutiong]

When masonry loads images it first puts all the images into one column then sorts them. This creates a lot of space before the actual load.

I tried to use CSS to add display:none to the container, then javascript display:block when everything is loaded. But its seems to only show the last image.

Think I need masonry to do the display none so it can read all the images, but am not sure actually were to put this code.

Any tips would be great, thanks.

[revolutiong]

Solved.

$(document).ready(function(){
var $container = $(‘.masonry-c’);
var min_width = 266;
$(‘.masonry-c’).hide();
$container.imagesLoaded( function(){
$(‘.masonry-c’).show();

[Author]

Posts