0

ティッカー モードで bxslider を使用して、ライト ボックスを追加した画像の行を表示しています。すべて正常に動作しますが、クリックするとショーを停止したいと思います。

ノンティッカーモードなら簡単そうに見えますが、ティッカーモードtickerLoop()では停止しない機能が実行されます。

ホバー時にショーを停止する機能があり、それを変更できると思ったのですが、機能していないようです。

これが私のコードです：

var slider = $('.portfolio-slider').bxSlider({
                          minSlides: 4,
                          maxSlides: 4,
                          slideWidth: 170,
                          slideMargin: 10,
                          ticker: true,
                          speed: 30000,
                          tickerHover:true,
                          useCSS:false
                         });
    $('.portfolio-slider').click(function (l){
             $('a[rel*=facebox-cap]').facebox();
                      slider.stopShow,
                      slider.startShow
             }

            });

編集：

これを使用してほとんど動作します：

                var slider_config = {
                      minSlides: 4,
                          maxSlides: 4,
                          slideWidth: 170,
                          slideMargin: 10,
                          ticker: true,
                          speed: 30000,
                          tickerHover:true,
                          useCSS:false
                    }
var slider = $('.portfolio-slider').bxSlider(slider_config);


 $('ul.portfolio-slider  li').on({
  click: function(e){
   e.preventDefault();
                $('a[rel*=facebox-cap]').facebox();

    var slide_index = slider.getCurrentSlide();
    slider_config['speed'] = 0;
    slider_config['startSlide'] = slide_index;  
    slider.reloadSlider(slider_config);
  },
  mouseleave: function(e){
      e.preventDefault();
    var slide_index = slider.getCurrentSlide();
   slider_config['speed'] = 30000;
    slider_config['startSlide'] = slide_index;  
    slider.reloadSlider(slider_config);
  }
});

このコードでは、少なくともスライダーをリロードする設定を変更できます。唯一の問題は、それが非常に粘着性があり、ライトボックスで正しく機能しないことです.

4

2 に答える 2

0

これを使用したことはありませんが、この例を見てくださいhttp://bxslider.com/examples/auto-show-start-stop-controlsクリックイベントでstopAuto()を 使用できるようです。

于 2013-03-03T08:10:16.870 に答える
0

あなたのクリックイベントはリンクをたどっています。これが起こらないようにする必要があります。多分それはあなたが望むように機能するでしょう。あなたが望んでいることはわかりませんでした

 $('.portfolio-slider').click(function (event){
             event.preventDefault()

             $('a[rel*=facebox-cap]').facebox();
                      slider.stopShow,
                      slider.startShow
             }

編集 : クリックすると URL に発疹タグが表示されますが、これは発生しないはずです

于 2013-03-03T08:11:49.293 に答える