猫头鹰-旋转木马过渡滑道

Question

我正在尝试通过以下代码添加Owl Carousel的后退动画。但是后退动画没有添加到我的模板中。我尝试了很多方法，但仍然无法弄清楚。

demo

Answer 1

我注意到您使用的owl.carousel v2.3.4和owl.transitions.css v1.3.2不兼容。将owl.carousel降级为v1.3.3应该可以解决此问题

Answer 2

由于您正在使用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");},
    });