Give help. Get help.

  • # February 25, 2013 at 10:28 pm

    $(‘.div.masonary-box img’).css(‘width’, ‘100%’);

    Doesn’t seem to work for me in javascript, yet it works when its in css.

    div.masonary-box img {

    Using Masonry, before the script creates the column its shows a blown up image for millisecond. So my plan is the just load my css after the script to resolve this.


    # February 25, 2013 at 11:37 pm

    That worked, didn’t solve my issue with my images blowing up however. Thanks for your help.

    # February 25, 2013 at 11:50 pm

    Did you try visually hiding the image with CSS. Then, when DOM and all the resources load show the image with JavaScript.

    Look at the [HTML5 Boilerplate index page](, see the order resource are loaded. It’s a good place to start.

    # February 26, 2013 at 2:08 pm

    Great idea. Within the Masonry js there is ImagesLoaded Function. Added my css as so…

    function triggerCallback() { $this, $images ),
    $(“div.masonry-box img”).css({‘visibility’: ‘visible’, ‘width’: ‘100%’});


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

You must be logged in to reply to this topic.