jQuery bxSlider problème

Im face à un problème étrange où je ne peux pas l'air de trouver une solution pour. Pour un de mes projets de Gi à l'aide de bxSlider. Il y a deux boutons personnalisés, prev et next pour basculer le glissement. Tout cela fonctionne bien, sauf pour le curseur pour 'relancer' après le premier clic (next ou prev n'a pas d'importance).

Pour cela, je suis en utilisant ces fonctions:

$('#Slider2').bxSlider({
        auto: false,  
        speed: 1000,
        mode: 'horizontal'
    });

    $('#SlidePrev').click(function(){
        var slider  = $('#Slider2').bxSlider();
        var slideNr = slider.getCurrentSlide() - 1;

        //slider.goToSlide(slideNr);
        slider.goToPreviousSlide();

    });

    $('#SlideNext').click(function(){
        var slider  = $('#Slider2').bxSlider();
        var slideNr = slider.getCurrentSlide() + 1;

        slider.goToSlide(slideNr); 
    });

Ce n'est pas grave si j'utilise la fonction goToSlide(index) ou goToPreviousSlide()/goToNextSlide().

En direct d'un exemple peut être trouvé ici. Essayez de cliquer sur les flèches pour glisser à travers la collection.

OriginalL'auteur Ben | 2011-04-12