jQuery Cycle Slide Count

Question

В настоящее время я использую плагин под названием Cycle для jQuery и хотел бы настроить небольшой функционал, но не знаю, как.

Я сделал пример, который можно просмотреть здесь на jsbin.

Проблема, с которой я столкнулся, связана с фактическим слайдером «счетчик». То, как настроен текущий текущий слайд, на котором он находится, не обновляется до тех пор, пока не закончится исчезновение. Это делается с помощью плагинов «после» обратного вызова. Больше опций здесь .

Однако я бы хотел, чтобы, как только анимация началась, число менялось. Таким образом, по существу, второй слайд 2 начал бы анимацию, счетчик стал бы «2 из 3»

Любая помощь будет принята с благодарностью. При необходимости отправит куки.

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