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'
  • Вопрос задан
  • 2566 просмотров
Пригласить эксперта
Ответы на вопрос 2
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; 
}

Замените время анимации на нужные вам значение.
Ответ написан
Комментировать
@emilrugby
Эркин Бахтушкин
Приветствую.
У меня та же проблема, но решить с помощью вашей подсказки, к сожалению, не удалось.
У меня отсутствует файл owl.carousel.css, но есть другой, в котором есть эти переменные owl.carousel.min.css
Так же есть файл animate.min.css, где так же присутствуют эти переменные аж в 12 строках. Пробовал меня, ничего не получилось.
При перепроверке на локалке кэш чистил.
Могли бы вы посоветовать, что можно сделать?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы