Функция запуска / остановки слайдера bx - PullRequest
Новая
       37

Функция запуска / остановки слайдера bx

4 голосов
/ 03 января 2012

Я использую плагин bxslider и создал несколько внешних элементов управления для предыдущей и следующей функции, хотя я не могу понять, как сделать то же самое с элементом управления start / stop.

В основномЯ хочу использовать это как функцию воспроизведения / паузы для ползунка.

У кого-нибудь есть опыт работы с этим плагином?

Вот что у меня есть до сих пор, без функции запуска / остановки:

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

Кроме того, я хочу, чтобы ползунок "авто" проигрывал, а также имел это внешнее управление.Я только что заметил, что нажатие на любую из моих ссылок, по-видимому, отключает автоматическое воспроизведение, и мне нужно обновить страницу, чтобы вернуть ее.

1 Ответ

4 голосов
/ 21 мая 2012

Я не знаю, нужен ли вам ответ на этот вопрос, но если вы обновите свой код, он должен работать: 

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