AltaiR-05
@AltaiR-05

Почему не работает скорость анимации Owl Carousel 2?

Доброго времени суток. Не могу понять почему не работает скорость анимации (smartSpeed) у Owl Carousel 2 при animateOut: 'fadeOut'. А если эту строчку убрать и оставить дефолтную анимацию смены слайдов сдвигом влево то smartSpeed работает.

Вот настройки плагина:
items: 1,
loop: true,
mouseDrag: false,
touchDrag: false,
dots: false,
autoplay: true,
autoplayTimeout: 3000,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
smartSpeed: 1500,
responsiveBaseElement: '.slider-container'
  • Вопрос задан
  • 2514 просмотров
Пригласить эксперта
Ответы на вопрос 1
erkinaltai
@erkinaltai
Full stack web
Данный слайдер подхватывает значение скорости анимации из базового файла стилей - owl.carousel.css
Найдите там вот это стилевое правило.
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; 
}

Замените время анимации на нужные вам значение.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы