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

时间:2011-04-27 21:11:25

标签: javascript jquery carousel

我正在从头开始构建一个旋转木马,我想知道如何将“当前”类(更改颜色)添加到链接列表中,这些链接也会使轮播更改(在主旋转木马div之外)。

我很困惑如何根据点击下一个或上一个按钮的时间来知道要更新的数字LI。

例如,假设当前图像是10个图像中的#4。如何点击上一个按钮,如果点击下一个按钮,它将更新第三个链接?

1 个答案:

答案 0 :(得分:1)

你应该保留一个内部计数器。所有轮播脚本都是这样做的。计数器是0-9(10 LI)。接下来将增加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
  }
})();

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