The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Masonry loading images display:none issue.

  • # February 27, 2013 at 4:33 pm

    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.

    # February 27, 2013 at 6:01 pm


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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed