jQuery循环幻灯片计数

我目前正在使用一个名为jQuery的插件，我想调整一小部分功能，但我真的不知道怎么做

我做了一个可以在jsbin上的例子

我遇到的问题是实际的幻灯片“计数器”。它当前的配置方式，即它所在的当前幻灯片在淡入淡出完成之前不会更新。这是通过插件“after”回调完成的

然而，我想做的是，一旦动画开始，数字就会改变。因此，第二张幻灯片2将开始动画化，计数将变为“3中的2”

---

任何帮助都将不胜感激。如有必要，将发送cookies。

不熟悉此插件，但以下更改可能会对您有所帮助：

jQuery(function(){

$('#slideshow-container').cycle({
    speed:  '1200',
    before: before,
    timeout: 1200
  });
});

started = false;
function before(curr,next,opts) {
  var slide = (!started ) ? 1 : opts.nextSlide + 1;

  started = true;
  var caption1 = '(' + (slide) + ' of ' + opts.slideCount + ')';
  $('#count').html(caption1);
}

---

我知道这篇文章很旧，但很有帮助，我做了一些更正，这对我很有用。

如果有帮助，可以在这里找到我正在尝试做的一个例子：这几乎有效，但第一张幻灯片（3张幻灯片中的第2张）第一次出现了……用类似的东西试试看。可能不是最优雅的解决方案，但很有效。

$('#slideshow-container').cycle({
    speed:  '1200',
    after: onAfter,
    timeout: 1200
  });
});

function onAfter(curr, next, opts) {
     var slide;
     slide = opts.currSlide + 1;
     var caption1 = (slide) + ' of ' + opts.slideCount;
     $('#count').html(caption1);
}