在已经初始化owlcarousel2之后,如何添加淡入淡出效果而不是基本的滑动效果。 在owlCarousel2已初始化的情况下,我已经完成了添加或修改选项的代码,但是animateIn和animateOut选项没有生效。
$(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不需要此库