带有多个幻灯片的BX Slider仅显示一张幻灯片

Question

我正在使用bxsldier，我希望一次显示三张幻灯片。单击下一个按钮时将显示另外三个。目前，滑块仅显示单个幻灯片。如何让滑块显示多个幻灯片，如this example

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'
});

Answer 1

我找到了解决方案。滑块的类是冲突。我改变了html和js中的类，现在它工作正常。