jquery - jQuery 循环幻灯片计数

Question

我目前正在使用一个名为Cycle for jQuery 的插件，并且想调整一小部分功能，但不知道如何操作。

我做了一个例子，可以在 jsbin 上查看。

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

然而，我想做的是让它在动画开始后立即改变数字。所以基本上第二张幻灯片 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);
}