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