javascript - 单击下一个/上一个按钮时需要帮助更新轮播中的链接

Question

我正在从头开始构建一个轮播，并且想知道如何将“当前”类（以更改颜色）添加到链接列表中，这些链接也会使轮播发生变化（在主轮播 div 之外）。

我对如何根据单击下一个或上一个按钮的时间知道要更新哪个数字 LI 感到困惑。

例如，假设当前图像是 10 个图像中的第 4 个。我怎样才能做到这一点，如果单击上一个按钮，它将更新第三个链接，如果单击下一个按钮，它将更新第五个链接？

Answer 1

你应该保留一个内部计数器。所有轮播脚本都这样做。计数器是一个数字 0-9（代表 10 个LI）。Next 将增加 1 和 Prev 相反。像这样的东西：

(function() { // you'll have some kind of closure
  var active = 0, size = 10;

  function next() {
    var prevActive = active;
    active++;
    if ( size <= active ) {
      active = 0;
    }
  }

  function prev() {
    // same general idea here
  }
})();

你为什么要制作自己的轮播脚本？实际上有数百个。