jQuery循环幻灯片计数

Question

我目前正在为jQuery使用名为Cycle的插件，并希望调整一小部分功能，但实际上并不知道如何。

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

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

然而，我想做的是，在动画开始时，数字会改变。所以基本上第二张幻灯片2将开始动画，计数将变为“2 of 3”

非常感谢任何帮助。如有必要，将发送cookie。

Answer 1

$('#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);
}

我知道这篇文章很老但是很有帮助，我做了一些修改，这对我有用。

Answer 2

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

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);
}