bxスライダーのスタート/ストップ機能

Question

私はbxsliderプラグインを使用していますが、前と次の機能のためにいくつかの外部コントロールを作成しましたが、スタート/ストップコントロールで同じことをする方法はわかりません。

基本的に、これをスライダの再生/一時停止機能として使用したいと考えています。

このプラグインを使用したことがある人はいますか？ここで

は私がスタート/ストップ機能の作業なしに、これまで持っているものです。

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

また、私は、この外部コントロールを持つだけでなく、スライダーを「自動」プレーしたいです。私はちょうど私のリンクのいずれかをクリックすると、自動再生を無効にするように見えた、そして私はそれを元に戻すためにページを更新する必要があります。

Answer 1

あなたはまだこの答えを必要とする場合、私は知りませんが、あなたがこれまであなたのコードを更新した場合、それが動作するはずです：

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; 
    });