BX滑块与多张幻灯片显示只显示一个幻灯片

问题描述:

我使用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

我找到了解决办法。该类滑块是一个矛盾。我在HTML和JS的改变了类,现在工作得很好。