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;
}
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); }`