停止Bxslider在點擊時在報價模式下

我在報價模式下使用bxslider顯示一行圖像，我已添加燈箱。一切工作正常，但當我點擊我想停止表演。停止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); 
    } 
});

該代碼至少讓我修改設置的重新加載滑塊。唯一的問題是，它看起來非常俗氣，不能與燈箱一起使用。

來源

2013-03-03 BandonRandon

從來沒有使用過這個，但看看這個例子http://bxslider.com/examples/auto-show-start-stop-controls 看來你可以在你的點擊事件上使用stopAuto()。

來源

2013-03-03 08:10:16 zero7

這在行情模式下不起作用。 – BandonRandon 2013-03-03 08:16:14

啊，我看到了，你不能設置速度爲0點擊，當你關閉模式設置回 – zero7 2013-03-03 15:32:45

我試圖做到這一點。不知道如何從我的外部JavaScript調用'tickerLoop（）'函數。我得到一個'函數未定義的錯誤。它看起來像是功能被設置爲'tickerLoop（Speed）'，所以它應該很容易設置速度。 – BandonRandon 2013-03-03 17:59:17

您的單擊事件的鏈接之後，你應該防止這種現象也許會發生，將工作，只要你想，我不明白清楚自己想要

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

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

編輯：你可以看到皮疹標籤當您點擊時，它不應該發生

來源

2013-03-03 08:11:49

:(沒有工作，我認爲問題是'tickerloop（）'覆蓋'slider.Stop/Start'功能。 – BandonRandon 2013-03-03 08:21:29

停止Bxslider在點擊時在報價模式下

回答

相關問題