bx fonction de démarrage/arrêt du curseur

Question

J'utilise le plugin bxslider, et j'ai créé des contrôles externes pour la fonction précédente et suivante, bien que je n'arrive pas à comprendre comment faire de même avec le contrôle start/stop.

Fondamentalement, je veux utiliser cela comme une fonction de lecture/pause pour le curseur.

Quelqu'un at-il une expérience avec ce plugin?

Voici ce que j'ai jusqu'à présent, sans la fonction de démarrage/arrêt de travail:

http://jsfiddle.net/WaWLN/1/

, je veux aussi le curseur pour jouer « auto », ainsi que d'un ayant ces contrôles externes. Je viens de remarquer que cliquer sur l'un de mes liens semble désactiver la lecture automatique, et je dois actualiser la page pour la récupérer.

Answer 1

Je ne sais pas si vous avez encore besoin d'une réponse à cette question, mais si vous mettez à jour votre code à cela, il devrait fonctionner:

var slider = $('#bxslider').bxSlider({ 

    auto: true, 

    controls: false 

}); 

$('#go-prev').click(function(){ 

    slider.goToPreviousSlide(); 

    slider.startShow(); //added this line 

    return false; 
}); 

    $('#go-next').click(function(){ 

    slider.goToNextSlide(); 

    slider.startShow(); //added this line 

    return false; 

    }); 

    $('#my-start-stop').click(function(){ 

     /* added a class to your #my-start-start a tag called "stopShow", note: would recommend that you also change the text to say "Stop" when the show is active and "Start" when the show is not. :) */ 

     if($('#my-start-stop').attr('class') == 'stopShow'){ 

      slider.stopShow(); 

      $('#my-start-stop').removeClass('stopShow'); 

     } else { 

      slider.startShow(); 

      $('#my-start-stop').addClass('stopShow'); 


     } 


    return false; 
    });