Как заставить slick slider крутиться в обратную сторону?

Question

[Владислав]

Привет.
Как сделать обратную автопрокрутку Slick Slider?
slidesToScroll: -1 - не работает.
Настройки с RTL (dir="rtl", rtl: true) не работают.

Comments

[Aleksey Solovyev]

А пример ваш мы увидим в какой песочнице или чего?
В документации белым по синему написано:

rtl
boolean
false
Change the slider's direction to become right-to-left

Значит что-то не так делаете.

[Владислав]

Aleksey Solovyev, зачем пример-то? Обычный слайдер. Просто надо чтобы он автоматически шёл в другую сторону.
Заработало, когда указал dir="rtl" слайдеру.

[Aleksey Solovyev]

Владислав, затем, что:

Настройки с RTL (dir="rtl", rtl: true) не работают.

Заработало, когда указал dir="rtl" слайдеру.

и какую еще чушь могут написать непонятно, а гадать тут никто не любит.

[Владислав]

Aleksey Solovyev, видимо, я просто в какой-то момент рассинхронизировал "dir" и "true" :(

Answer 1

[hellion35]

jQuery(document).ready(function(){
  $('.your-slider').slick({
    autoplay: true,
    autoplaySpeed: 2000, // скорость авто-прокрутки
    pauseOnHover: true, // пауза на наведение
    // другие параметры слайдера
  });

  // Обратная автопрокрутка
  let reverse = false;

  // Обработчик для переключения направления
  $('.your-slider').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
    if (nextSlide < currentSlide) {
      reverse = true;
    } else {
      reverse = false;
    }
  });

  // Изменяем направление автопрокрутки
  setInterval(function() {
    if (reverse) {
      $('.your-slider').slick('slickPrev');
    } else {
      $('.your-slider').slick('slickNext');
    }
  }, 2000); // та же скорость, что и autoplaySpeed
});