Javascript 使用js或css或两者都自动生成滑块自动滚动图像

我使用的是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，或者两者都让图像每隔几秒钟滚动一次

---

我如何才能做到这一点？

查看sliders.js它是基于

所以像这样的函数可以工作，它可能需要一些调整

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) {}
});

---

查看sliders.js，它是基于

所以像这样的函数可以工作，它可能需要一些调整

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) {}
});

---

我是，参考ratched.js，但它不会自动滚动图像。如果您提供完整的html文件，那么我们可以更好地了解出了什么问题或缺少了什么。这就是提供的所有与滑块相关的html。请看这里：这个滑块需要你在屏幕上滑动你的查找器，它不会自动滚动，你必须像文档中的sliders.js那样绑定一个事件，尽管使用javascript可以让上面的代码滚动图像，而不必包含任何额外的库，参考ratched.js，但它不会自动滚动图像。请提供完整的html文件，以便我们更好地了解出错或丢失的内容。这就是与滑块相关的所有html。请看这里：这个滑块需要你在屏幕上滑动你的查找器，它不会自动滚动，你必须像文档中的sliders.js那样绑定一个事件，尽管使用javascript可以让上面的代码滚动图像，而不必包含任何额外的库