Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 27, 2016 at 11:38 pm #639549
    1039 Online

    How can I get the images in a masonry gallery to display immediately instead of waiting to display until the user scrolls down the page? Right now
    on a bigger screen the area where the gallery is displays as white at first (until the users scrolls) which doesn’t look good.

    May 29, 2016 at 12:03 pm #639955
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia_desktop.avia_transform3d .av-masonry-entry .av-inner-masonry{
	-webkit-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Safari 4+ */
	animation:         avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* IE 10+ */
}

    Cheers! 
    Josue

    June 7, 2016 at 11:48 pm #644429
    1039 Online

    Josue,

    I added the code to quick CSS, but on a large screen I still have to scroll down before I can see the masonry images.

    June 8, 2016 at 2:17 pm #644835
    Josue

    Hi,

    Add this too:

    #top .av-masonry-entry{opacity: 1;visibility: visible;}

    Best regards,
    Josue

    June 8, 2016 at 5:32 pm #644963
    1039 Online

    That worked. Thanks, Josue.

    June 8, 2016 at 10:17 pm #645093
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Masonry Gallery Images don't display immediately’ is closed to new replies.