disable gallery animation - Support | Kriesi.at

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

Author

Posts
May 23, 2017 at 9:12 pm #798503

Munford
Participant

How can I disable the gallery animation on the page below?
I tried the fix here https://kriesi.at/support/topic/diable-image-animation-on-scroll/#post-133013 but that did not work, (and the code was not on 205)

can you help with this?
thanks
Nancy

May 23, 2017 at 9:49 pm #798531

John Torvik
Inactive Moderator

Hey Munford,

Do you want to remove the hover effect?

Best regards,
John Torvik

May 23, 2017 at 11:40 pm #798597

Munford
Participant

no, the animation as they load

May 24, 2017 at 8:48 am #798775
John Torvik
Inactive Moderator
Hi,

Sure thing :)

Just add the following custom CSS code:
```
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
  -webkit-animation: none;
  animation: none;
}
```
Best regards,
John Torvik
May 24, 2017 at 8:57 am #798781

Munford
Participant

Hi John
Tried your code but it did not work.
other suggestions?
thanks for taking a look
Nancy

May 25, 2017 at 6:20 pm #799696

Victoria
Inactive Moderator

Hi Nancy,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
You mean the way the images load?

Best regards,
Victoria

May 25, 2017 at 10:12 pm #799842

nonne
Participant

Hi Victoria (& Nancy)

Sorry to cut in but I also really want to disable the “animation” (delayed appearence) when loading a masonry gallery:

The issue for me (and as I read it also for Nancy) is that the images do not show up until you scroll a bit down. I need the gallery / the images to show up at once you get to the page.

Very best regards
Nonne

May 27, 2017 at 11:44 am #800513

Victoria
Inactive Moderator

Hi Nonne,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

Best regards,
Victoria

May 27, 2017 at 1:33 pm #800533

Munford
Participant

Hi
Thanks for taking a look. Login below

May 27, 2017 at 6:55 pm #800604

Victoria
Inactive Moderator

Hi Munford,

From what I am seeing in the code, there is no easy way to deactivate animation for the gallery. Let me ask my colleagues.

Best regards,
Victoria

May 29, 2017 at 9:52 am #800976

Munford
Participant

thanks. It would be strange if it could not be disabled.

May 29, 2017 at 12:14 pm #801023
Yigit
Keymaster
Hi,

I added following code to Style.css file of your child theme
```
.avia_transform .avia-gallery-thumb img {
    -webkit-animation: none!important;
    animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important;
    opacity: 1;
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important;
}
```
Please review your website

Best regards,
Yigit
May 29, 2017 at 12:57 pm #801058

Munford
Participant

Hi Yigit
thanks – that looks better, though in chrome I see a bit of animation ( size change on load), and flickering – but this is a problem I have been having with chrome for some days. Looks best in Firefox, ok in Safari. I can live with it.

also: see below
thanks
Nancy

May 29, 2017 at 1:17 pm #801069

Yigit
Keymaster

Hey!

Great! Let us know if you have any other questions or issues :)

Cheers!
Yigit
Author

Posts

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

The topic ‘disable gallery animation’ is closed to new replies.