jQuery Cycle：更新currSlide onClick

Question

我使用jQuery Cycle插件創建圖像幻燈片。它工作的很好，但我有一個小問題，我似乎無法解決。如果您點擊「上一步」或「下一步」鏈接，幻燈片計數器不會更新，直到動畫完成。理想情況下，只要點擊這些鏈接中的任何一個，幻燈片數就會更新，然後動畫就會發生。

的jsfiddle是在這裏：http://jsfiddle.net/dD52s/

Answer 1

代替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/