2017-04-20 2 views
0

Ich verwende bxsldier und ich möchte drei Folien auf einmal zeigen. Weitere drei werden angezeigt, wenn auf die nächste Schaltfläche geklickt wird. Derzeit zeigt der Schieberegler nur eine einzige Folie. Wie kann ich den Regler mehrere Folien wie in this exampleBX Slider mit mehreren Folien zeigt nur eine Folie

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

Antwort

0

ich die Lösung gefunden zu zeigen. Die Klasse des Sliders war ein Konflikt. Ich habe die Klasse in der html und der js geändert und es funktioniert jetzt gut.

Verwandte Themen