Функция запуска/остановки слайдера 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; 
    });