JQuery -Zyklus: Aktualisieren Sie Curslide Onclick

Question

Ich verwende das JQuery Cycle -Plugin, um eine Bild Diashow zu erstellen. Es funktioniert großartig, aber ich habe ein kleines Problem, das ich nicht lösen kann. Wenn Sie auf die Links "Prev" oder "Next" klicken, wird der Schieberschalter erst nach Abschluss der Animation aktualisiert. Idealerweise würde die Diashow -Anzahl aktualisiert, sobald Sie auf einen dieser Links geklickt haben, und dann würde die Animation stattfinden.

Jsfiddle ist hier: http://jsfiddle.net/dd52s/

Answer 1

Anstatt von after Rückrufnutzung before Rückruf, wenn Sie möchten, dass der Zähler vor Beginn der Animation festgelegt wird. Versuche dies

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

});

Arbeiten http://jsfiddle.net/dd52s/2/