Как добавить эффект затухания вместо базового эффекта скольжения после того, как owlcarousel2 уже инициализирован.
У меня есть код, работающий для добавления или изменения параметров, если owlCarousel2 был инициализирован, однако параметр animateIn & animateOut не действует.
JsFiddle Link
$(document).ready(function(){
$(".custom").owlCarousel({
items:3
});
var owl = $('.custom');
owl.trigger('destroy.owl.carousel');
owl.html(owl.find('.owl-stage-outer').html()).removeClass('owl-loaded');
owl.owlCarousel({
animateIn: 'fadeIn',
animateOut: 'fadeOut',
items:2,
margin:30,
stagePadding:30,
smartSpeed:450,
loop:true,
autoplay:true
});
owl.trigger('refresh.owl.carousel');
});
Как вы можете видеть, предметы изменяются с 3 на 2 должным образом, но эффект анимации все еще скользит, а не затухает.
PS: я также включил библиотеку animate.css (хотя это не требуется для базового fadein)