owlCarousel2 Добавление эффекта затухания после инициализации

Как добавить эффект затухания вместо базового эффекта скольжения после того, как 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)

0 ответов

Другие вопросы по тегам