owlCarousel2在初始化后添加淡入淡出效果

时间:2019-01-12 15:10:03

标签: javascript jquery css owl-carousel-2

在已经初始化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库(尽管基本的fainin不需要此库

0 个答案:

没有答案