Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 19, 2014 at 11:19 pm #370816
    Munford

    Hi
    on the page below, I would like to remove all the animation from the masonry gallery – the zoom effect and the delayed loading of the images until scrolled – but keep the pop-up title/caption box. I have used this code:
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
    animation: none !important;
    -moz-animation: none !important;
    -webkit-animation: none !important;
    }

    which removed the fly-in effect, but not the zoom or loading issue. I’d like the images to load when the rest of the page loads. I tried this:
    .avia_desktop.avia_transform3d .av-masonry-entry {
    -webkit-perspective: none;
    -moz-perspective: none;
    perspective: none;
    opacity: 1 !important;
    visibility: visible !important;
    }
    but that made the images fly in and out when scrolled, after loading with the page.
    Can you help me with this?
    thanks very much!
    Nancy

    December 20, 2014 at 5:16 am #370904
    Ismael

    Hi Munford!

    Thank you using Enfold.

    Remove the codes above then refer to this link: https://kriesi.at/support/topic/masonry-transitions-broken/#post-361916

    Regards,
    Ismael

    December 20, 2014 at 9:59 pm #371048
    Munford

    thanks Ismael
    I used this code
    .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+ */
    }

    but it does not seem to work.
    ?

    December 22, 2014 at 4:12 am #371416
    Ismael

    Hi!

    Please replace the code with 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;
}

    This should show the masonry entries on page load and disable the animation.

    Regards,
    Ismael

    December 30, 2014 at 4:09 pm #373141
    Munford

    Thanks for your help! Can you please check this page http://www.cfcnorge.com/portfolio-item/human-rights-democracy/ and see if it is responding in the right way?
    The entries load but the animation seems to still be there. Its not a huge issue but I’d like to find the right settings.
    Thanks for your help.
    Nancy

    • This reply was modified 9 years, 11 months ago by Munford.
    December 30, 2014 at 11:17 pm #373347
    Elliott

    Hey!

    Are you talking about the zooming animation? If so then try adding this to your custom CSS.

    .av-masonry-image-container:hover { transform: none !important; }

    Regards,
    Elliott

    January 2, 2015 at 11:27 am #374025
    Munford

    actually that did not work. it was disabled but then on hover the zoom was there.
    http://www.cfcnorge.com/item/human-rights-democracy?
    ??

    • This reply was modified 9 years, 11 months ago by Munford.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘disable animation’ is closed to new replies.