Forums

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();

treehouse : what would you like to learn today?

Forums

[Solved] Masonry loading images display:none issue.