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'
});
答
我找到了解决办法。该类滑块是一个矛盾。我在HTML和JS的改变了类,现在工作得很好。