How to disable swipe effect in owl carousel 2?

Question

I need to disable swipe effect on owl carousel 2 and add only fadeIn effect. How is it possible ?

I have tried this code but no luck at all.

animateOut: 'fadeIn',
animateIn: 'fadeout',
nav:true, 

Thanks

Answer 1

mouseDrag: false,
touchDrag: false

Answer 2

You need to add some css see here

fadeOut value is the only built-in CSS animate style. However there are tons of additional CSS animations that you can use in Owl. Simply download animate.css library and you are ready to extend Owl with new fancy transitions.

So if you want to add just fade effect you need to add some css like this.

.animated {
    visibility:hidden;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
}

.owl-item.animated {
    visibility: visible;
}

Answer 3

if you want to remove all the effects just add this

animateIn: 'false',

and it will remove it. now if you want to add fade-in or fade-out effect only or both add this code

animateOut: 'fadeOut', // for fade out only 
// add both if you want both effect
animateIn: 'fadeIn', //for fade in only