bxslider不同moveSlides

Question

所以我配置我的bxslider開始自動滑動，只有一個elemet移動。沒關係。但是現在我也有控制向左或向右移動。重點是，我希望滑塊在控件使用時移動4個元素。

所以正常使用：將一個元素 用戶使用：將4元

聽起來很容易，但我不知道如何配置它。

$('.carousel').bxSlider({ 
    mode: 'horizontal', 
    slideWidth: 150, 
    minSlides: 1, 
    maxSlides: 5, 
    slideMargin: 15, 
    moveSlides:1, 
    pager:false, 
    controls:true, 
    moveSlides: 1 
}); 

Answer 1

好的，我有一些解決方法。只要打開jquery.bxslider.js，排1212拷貝，並輸入代碼，並做一些調整：

 el.goToNextFiveSlides = function(){ 
     // if infiniteLoop is false and last page is showing, disregard call 
     if (!slider.settings.infiniteLoop && slider.active.last) return; 
     var pagerIndex = parseInt(slider.active.index) + 5; 
     el.goToSlide(pagerIndex, 'next'); 
    } 

功能 - >el.goToNextFiveSlides和+5

現在去排713 「點擊下一個綁定」並粘貼以下爲VAR clickNextBind

 var clickNextBind = function(e){ 
     // if auto show is running, stop it 
     if (slider.settings.auto) el.stopAuto(); 
     el.goToNextFiveSlides(); 
     e.preventDefault(); 
    } 

代碼一樣的解決辦法，爲「上一個」福nction。

如果你也想這樣的自動幻燈片從未停止刪除if語句

if (slider.settings.auto) el.stopAuto();