Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 25, 2015 at 9:18 am #492696
    jurega

    Hi,

    it is possible to change that Masonry image gallery loads when you visit the page and not when you scroll?

    So without fade in animation that is present on the page all the time. I found some solutions on your support forum, but non of the proposed options are not working for me!

    Thank you :)

    August 25, 2015 at 2:06 pm #492927
    Yigit

    Hey jurega!

    Can you please post the link to your page where you have masonry gallery element so we can look into it?

    Best regards,
    Yigit

    August 25, 2015 at 7:23 pm #493164
    jurega

    The element is under the slider.

    http://www.copatekupi.si/

    August 26, 2015 at 9:45 am #493365
    Ismael

    Hi!

    Please follow the solution provided here: https://kriesi.at/support/topic/masonry-on-ipad-vanished/

    Remove browser cache or hard refresh the page after.

    Cheers!
    Ismael

    August 26, 2015 at 10:26 am #493401
    jurega

    Hi,
    i tried to do this:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
    -webkit-animation: none; /* Safari 4+ */
    -moz-animation: none; /* Fx 5+ */
    animation: none; /* IE 10+ */
    }

    .av-masonry-entry {
    opacity: 1 !important;
    visibility: visible !important;
    }

    But the problem is that the masonry element still does not load with the page. This just removed the animation! The element shows when i scroll down, but i want that the element is visible before.

    August 27, 2015 at 11:59 am #494046
    Andy

    Hey!

    try this solution instead: https://kriesi.at/support/topic/masonry-image-load-issue/#post-263278

    Regards,
    Andy

    August 28, 2015 at 8:27 am #494676
    jurega

    I also did this…I added the code in Quick style css…but still no result

    August 29, 2015 at 9:13 am #495243
    Ismael

    Hey!

    Alright. Let’s start again. Please remove all the modifications then add this code:

    .av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

    The code above should display the masonry items on page load. Add this code to disable the animation completely:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

    If it doesn’t work, please post the login details here so that we can check it.

    Best regards,
    Ismael

    August 29, 2015 at 11:49 am #495284
    jurega

    Data:

    September 1, 2015 at 5:08 pm #496555
    Elliott

    Hey!

    It’s working fine on my end. Try clearing your browser cache or view in a different browser.

    Or are you trying to remove the image zoom on hover? If so then try adding this as well.

    .av-masonry-entry, .av-masonry-entry *, .av-masonry-entry:hover, .av-masonry-entry:hover * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}
.av-masonry-entry .avia-arrow { display: none !important; }

    Regards,
    Elliott

    • This reply was modified 9 years, 2 months ago by Elliott.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.