Сова-Карусель с обратным ходом - PullRequest
Новая
       8

Сова-Карусель с обратным ходом

0 голосов
/ 01 ноября 2018

Я пытаюсь добавить обратную анимацию Owl Carousel по приведенному ниже коду. Но анимация обратного хода не добавляется в мой шаблон. Я пытался разными способами, но до сих пор не могу понять.

демо

Ответы [ 2 ]

0 голосов
/ 13 ноября 2018

Поскольку вы используете анимацию owl.carousel v2.3.4, она управляется свойствами animateIn и animateOut - reference . Вам просто нужно использовать соответствующие классы CSS из файла owl.transition.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");},
    });
0 голосов
/ 05 ноября 2018

Я заметил, что вы используете owl.carousel v2.3.4 и owl.transitions.css v1.3.2, которые несовместимы. Понижение owl.carousel до v1.3.3 должно помочь решить проблему

...