我正在尝试通过以下代码添加Owl Carousel
的后退动画。但是后退动画没有添加到我的模板中。我尝试了很多方法,但仍然无法弄清楚。
答案 0 :(得分:0)
我注意到您使用的owl.carousel v2.3.4
和owl.transitions.css v1.3.2
不兼容。将owl.carousel
降级为v1.3.3
应该可以解决此问题
答案 1 :(得分:0)
由于您正在使用owl.carousel v2.3.4
动画,因此由animateIn
和animateOut
属性-reference来管理。您只需要使用owl.transition.css
文件中的适当CSS类。下面的示例应该起作用。
$(".owl-carousel").owlCarousel({
slideSpeed : 1000,
paginationSpeed : 500,
singleItem:true,
items: 1,
navigation : false,
animateIn:"owl-backSlide-in",
animateOut: "owl-backSlide-out",
afterAction:function(){$(window).trigger("resize");},
});