search

OwlCarousel2 / OwlCarousel2

DEPRECATED jQuery Responsive Carousel.
http://owlcarousel2.github.io/OwlCarousel2/
Other
7.9k stars 2.27k forks source link

Looping behavior does not play well for CSS animations on exiting slide. #1265

Open louiswalch opened 8 years ago

louiswalch commented 8 years ago

Refer to the following demo, move forward through the slides and when you go from slide 5 to 1 you can see how the animation gets cut off. This is happening because of the clone being shown before animation starts.

http://jsfiddle.net/louiswalch/og7ee99s/18/

Is there a way around this?

pete001 commented 8 years ago

I am also seeing this when the final div in the HTML is a video, and the first is an image - when you are using animateOut: 'fadeOut' the transition between the last and first div is broken. If you have a video and an image in 2 divs within the middle of your slideshow, the transition is perfect.

lenymo commented 8 years ago

I'm experiencing a similar issue using:

animateOut: 'fadeOut', animateIn: 'fadeIn',

Would like to hear if anyone has found a work-around for this.