Smoother fade transition for slideshow

[fbrugger]

Hi there

Is there any possibility to make the fade transition between the Images in the slideshow of Envira Gallery a little bit smoother and slower, maybe with ease-in-out, with some CSS?

At the moment the transition seems a bit choppy, like it flickers between the Images.

Thank you very much for your help.

[christian]

Hey Felix,

The image fade is there however, the Javascript part is the problem. The fade class which has fading effect declarations is immediately removed so it can’t complete the effect.

I’ll post this in our issue tracker but for now, you will need to choose another effect.

Thank you for understanding.

[fbrugger]

Hi Christian

Thank you very much for your quick reply. Sorry, I am only a designer, not a programmer and I don’t know exactly wat you mean. I can see the fade transition, but for me it is far to fast and to linear. I would like to make the transition just slower and smoother, and I thought maybe there is some CSS which I could place in the Theme’s global CSS?

Something like:
#envira-gallery-1091 .envirabox img {
transition: fade 2s ease-in-out !important;
}

I tried, but this is not working.

Thank you for your help

[ruenel]

Hello Felix,

You might be using an incorrect classes. Please make use of this code:

.envirabox-slide img,
.envirabox-image-wrap img {
    transition: fade 2s ease-in-out !important;
}

Hope this works out for you.

[fbrugger]

Hi RueNel

Thank you very much for your help. I tried the code in the global CSS, in the Page CSS and in the individual Gallery CSS. Unfortunately there where no effect for the cross-fade.

Thanks anyway!

[paul.r]

Hi Felix,

In that case we’ll just have to wait for the plugin developer to provide a permanent fix.
Please choose other effect for now.

Thanks

[fbrugger]

Hi Paul

Thank you very much for your Reply. I have tried the “slide” effect and all other effects too. For me These transitions don’t look smooth as well. Each movement is very choppy.

Sorry, for me, they all don’t look good.

Is there any other option for a modern, smooth image gallery plug-in you know?

Thanks for your help!

[rad]

Hi Felix,

You could try Essential Grid, though, I’m not sure if you could do it exactly the same as from Envira Gallery (slide show). But as for transition, it’s smooth too.

Or you can try these https://support.rocketspark.com/hc/en-us/articles/115010439828-Picture-gallery-options-galleries-slideshows-and-grids. It’s not from us and we can’t cover them.

Thanks!

[fbrugger]

Hi Rad

Thank you very much for your recomondations. I will check them out.

Have a good Weekend!

[rad]

You’re most welcome!