javascript - 像幻灯片一样的内容滑块

Question

我有几乎相同的内容滑块，如下所示：

我怎样才能让它自动旋转？我尝试了不同的方法，但我无法让它发挥作用。我试过点击链接，但它不起作用：

i=1;
function autoplay(){
$('#navPoveznica'+i).click();
i++;
if(i>5){i=0};
setTimeout(autoplay, 2000);
}

当我真的没有想法时，我调用了这个函数.ready()
，为什么这不起作用？我可以选择这种方式吗？
我应该使用链接的类.each()吗？

Answer 1

您可以做的是制作一个包含所有需要滑动的 div 的数组

//Define Variables
var divArray = [];
var delay: 6000;
var autoPlay: true;
var totalDivs: 5;
i = 1;

function createDivArray(){
    $('#content_slider_container').find("div").each( function () {
        divArray.push(this.attr('id'));
    });
}

然后像这样编写一个自动播放函数：

function autoPlay(divArray) {
  ContentSlider = setInterval(function play(){
      $(divArray).eq(i).slideLeft();
      if (i >= totalDivs){
        i = 0;
      } else {
        i++;
      }
    }
  }, options.delay);

并像这样运行函数

autoPlay(divArray);

Answer 2

它对我来说很好。请查看演示。

请完整粘贴您的 html，js，以便我们可以检查或在 jsfiddle 中进行设置。