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 上看到 rash 标签，它不应该发生

于 2013-03-03T08:11:49.293 回答