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

时间:2018-11-01 12:51:39

标签: javascript jquery css3 owl-carousel

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

demo

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

由于您正在使用owl.carousel v2.3.4动画,因此由animateInanimateOut属性-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");},
    });