2017-04-20 225 views
0

我使用bxsldier,我想有三個幻燈片顯示一次。點擊下一步按鈕時,另外三個會顯示。目前滑塊僅示出一個單一的滑動。我怎樣才能獲得滑塊顯示多張幻燈片就像this exampleBX滑塊與多張幻燈片顯示只顯示一個幻燈片

HTML

<ul class="bxslider"> 
       <li><img src="http://placehold.it/244x209" /></li> 
       <li><img src="http://placehold.it/244x209" /></li> 
       <li><img src="http://placehold.it/244x209" /></li> 
       <li><img src="http://placehold.it/244x209" /></li> 
       <li><img src="http://placehold.it/244x209" /></li> 
       <li><img src="http://placehold.it/244x209" /></li> 
      </ul> 

JS

// BX in Programmes 
$('.bxslider').bxSlider({ 
    minSlides: 3, 
    maxSlides: 4, 
    slideWidth: 209, 
    slideMargin: 10, 
    moveSlides: 3, 
    mode: 'horizontal' 
}); 

enter image description here

回答

0

我找到了解決辦法。該類滑塊是一個矛盾。我在HTML和JS的改變了類,現在工作得很好。

相關問題