Javascript 向幻灯片添加计数器

嗨 有人知道我将如何在幻灯片中添加计数器（即1/12、2/12、3/12等）

此外，我希望该选项有另一个按钮，可以在幻灯片放映过程中的任何给定点将用户带回第一张图像

在此方面的任何帮助都将不胜感激

---

谢谢

以下内容可用于创建计数器：

新建HTML

<div id="slideshow-area">
  <div id="slideshow-scroller">
    ... slideshow holder html (same as in the example) ...
  </div>
  <div id="slideshow-previous"></div>
  <div id="slideshow-next"></div>
  <div id="slideshow-counter"></div>
  <div id="slideshow-reset"></div>
</div>

附加Javascript

function updateCounter() {
    $('#slideshow-counter').html(currentSlide + "/" + totalSlides);
}

function showFirstSlide() {
    currentSlide = 1;
    updateContentHolder();
    updateButtons();
    updateCounter();
}

然后添加

updateCounter（）updateButtons（）

之后的新行中的code>

---

另外，在

$（document）.ready（）

函数中，您需要添加以下行：

$（“#幻灯片放映重置”）。单击（showFirstSlide）

我想您不知道如何添加一个按钮，使幻灯片放映返回开始再次感谢！！我在上面的回答中添加了“重置为开始”的函数，仅限于javascript。您需要添加一些css来设置

的样式，以使其正确显示并显示一些信息性文本/图像谢谢Chris-非常感谢您的帮助！嗨，克里斯-很抱歉再次打扰你。有没有办法用计数器只计算某些“幻灯片”i、 e.我目前有37张幻灯片，我想把它们分成2/3的类别/组，有时4张。因此，计数器只计算组数，而不计算幻灯片的数量。我认为这是不可能的，但我希望专家们能提出意见。。。再次感谢。

function updateCounter() {
    $('#slideshow-counter').html(currentSlide + "/" + totalSlides);
}

function showFirstSlide() {
    currentSlide = 1;
    updateContentHolder();
    updateButtons();
    updateCounter();
}