jQuery Cycle：currSlide onClickを更新する

Question

jQuery Cycleプラグインを使用して画像スライドショーを作成しています。それは素晴らしいですが、私は解決できないような小さな問題があります。 「Prev」または「Next」リンクをクリックすると、アニメーションが終了するまでスライドショーカウンタは更新されません。理想的には、スライドショーの数は、これらのリンクのいずれかをクリックするとすぐに更新され、アニメーションが実行されます。

JSFiddleはここにある：あなたがアニメーションを開始する前に、カウンタが設定したい場合は代わりにafterコールバックのhttp://jsfiddle.net/dD52s/

Answer 1

は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/