jQuery Cycle: обновление currSlide onClick - PullRequest
Новая
       6

jQuery Cycle: обновление currSlide onClick

0 голосов
/ 12 января 2012

Я использую плагин jQuery Cycle для создания слайд-шоу изображений.Это прекрасно работает, но у меня есть небольшая проблема, которую я не могу решить.Если вы нажмете на ссылки «Предыдущий» или «Следующий», счетчик слайд-шоу не обновится, пока анимация не закончится.В идеале счетчик слайд-шоу будет обновляться, как только вы нажмете на любую из этих ссылок, и тогда произойдет анимация.

JSFiddle здесь: http://jsfiddle.net/dD52s/

1 Ответ

2 голосов
/ 12 января 2012

Вместо after обратного вызова используйте before обратный вызов, если вы хотите, чтобы счетчик был установлен до начала анимации.Попробуйте это 

$(document).ready(function() {

    $('.slideshow').cycle({
        fx: 'scrollHorz',
        timeout: 0,
        next: '.next, .slideshow img',
        prev: '.prev',
        speed: 600,
        before: onAfter,
    });

    function onAfter(curr,next,opts) {
        var caption = ($(next).index() + 1) + '/' + opts.slideCount;
        $('.counter').html(caption);
    }

   $('.description').cycle({
        fx: 'none',
        timeout: 0,
        next: '.next, .slideshow img',
        prev: '.prev'
    });

});

Работа http://jsfiddle.net/dD52s/2/

...