jQuery 循环幻灯片计数

Question

我目前正在使用一个名为 Cycle 的 jQuery 插件，并且想调整一小部分功能，但不喜欢真的不知道怎么办。

我制作了一个示例，可以在 jsbin 上在此处查看。

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

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

任何帮助将不胜感激。如有必要，将发送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);
}