woocommerce / FlexSlider

An awesome, fully responsive jQuery slider plugin
http://www.woocommerce.com/flexslider/
GNU General Public License v2.0
4.92k stars 1.69k forks source link

Transitions between slides broken when looping slideshow #1747

Closed yepecece closed 1 month ago

yepecece commented 5 years ago

Hello,

I have a slideshow with animationLoop set to true and a transition which is applied via css on 'flex-active-slide'.

Since the 'flex-active-slide' class is not applied to the clones, when arriving to the end or beginning of the slideshow, it jumps from the cloned slide (without the transformation) to the correct active slide (with transformation), thus not showing the transition.

Is there a way to temporarily add the 'flex-active-slide' to the clone and once the clone slide is replaced to remove that class?

Thanks

Here is the css I use: `.flexslider .slides > li{ height: 70vh; transform: scale(0.55); overflow: hidden; transition: all .8s; }

.flexslider .slides > li.flex-active-slide{ transform: scale(1); }`