Сделайте слайдер автоматически прокручивать изображения с помощью js или css или обоих

Question

Я использую Slider от Ratchet css, который, насколько я знаю, ничего не делает в плане автоматической прокрутки.Вот код:

<div class="slider" id="mySlider">
  <div class="slide-group">
    <div class="slide">
      <img src="/assets/img/slide-1.jpg">
      <span class="slide-text">
        <span class="icon icon-left-nav"></span>
        Slide me
      </span>
    </div>
    <div class="slide">
      <img src="/assets/img/slide-2.jpg">
    </div>
    <div class="slide">
      <img src="/assets/img/slide-3.jpg">
    </div>
  </div>
</div>

Что мне нужно сделать, это либо с помощью js или css, либо оба изображения прокручиваются каждые несколько секунд.

Как я могу это сделать?

Answer 1

Глядя в файл sliders.js, он основан на

https://github.com/thebird/Swipe

Так что подобная функция может работать, возможно, потребуется некоторая настройка.

window.mySwipe = new Swipe(document.getElementById('slider'), {
  startSlide: 2,
  speed: 400,
  auto: 3000,
  continuous: true,
  disableScroll: false,
  stopPropagation: false,
  callback: function(index, elem) {},
  transitionEnd: function(index, elem) {}
});