4

私は bxslider プラグインを使用しており、前と次の関数用にいくつかの外部コントロールを作成しましたが、開始/停止コントロールで同じことを行う方法がわかりません。

基本的にはスライダーの再生・一時停止機能として使いたいと思っています。

このプラグインを使用した経験のある人はいますか?

これまでのところ、開始/停止機能が機能していないものは次のとおりです。

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

また、スライダーを「自動」再生するだけでなく、この外部コントロールも必要です。リンクをクリックすると自動再生が無効になるようで、元に戻すにはページを更新する必要があることに気付きました。

4

1 に答える 1

4

これに対する回答がまだ必要かどうかはわかりませんが、コードをこれに更新するとうまくいくはずです:

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;
  });
于 2012-05-21T16:48:45.237 に答える