Owl carouse different animation effect on each slide

Question

I am trying to make my carousel to use different effect on each slide.What i have done so long is :

var effect = ['flipInX', 'fadeInLeft', 'fadeInRight']
                for(var i=0; i < 3; i++){
                    $("#owl-main").owlCarousel({
                        dots: true,
                        animateIn: effect[i],
                        items: 1,
                        autoplay: true,
                        loop:true,
                    });
                }

Is there any solution or i am trying to do something that is not possible? Thank you in advance!

Possible duplicate of [Animation on multiple slide owl carousel](https://stackoverflow.com/questions/42337019/animation-on-multiple-slide-owl-carousel) — Alive to die - Anant, Jul 21 '17 at 10:43

score 0 · Answer 1 · answered Jul 21 '17 at 10:29

0

according to the docs https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html animateIn only takes bool or string. no arrays allowed.

you could set a new (random) anmiation after each click.

answered Jul 21 '17 at 10:29

Philipp Sander

10,139
6
45
78

Will try! Thank you a lot! – Toma Tomov Jul 21 '17 at 10:29

Owl carouse different animation effect on each slide

1 Answers1