jssor carousel Имея вопрос

Question

Мне нужен простой horizontal no-autoplay carousel где изображения различны width но такие же height (117px). Мне нужно увидеть непрерывные множественные изображения (в зависимости от их width) в контейнере, разделенных, скажем, 5px. Как восточный леди пример на jssor.com.

То, что я получаю (см. Ниже код), отлично работает с карусели, НО только отображение одиночного изображения на слайд. Что мне нужно сделать/установить для получения нескольких изображений на слайд?

<script src="../js/jquery-1.9.1.min.js"></script> 
<script src="../js/jssor.slider.min.js"></script> 
<script> 
jQuery(document).ready(function (\$) { 

    var options = { 
    \$AutoPlay: false, 
    \$Loop: 0, 

    }; 
    var jssor_slider2 = new \$JssorSlider\$('slider2_container', options); 
}); 
</script> 



<div id="slider2_container" style="position: relative; top: 0px; left: 0px; width: 300; height: 117;"> 

<!-- Slides Container --> 

<div u="slides" style="cursor: move; position: relative; overflow: hidden; left: 0px; top: 0px; width:300; height: 117"> 
    <div> 
      <img src="$imgpath/msummer2015.jpg"> 
      <p>Marklin Summer 2015</p> 
    </div> 
    <div> 
      <img src="$imgpath/m2015.jpg"> 
      <p>Marklin 2015</p> 
    </div> 
    <div> 
      <img src="$imgpath/roco2015.jpg"> 
      <p>Roco 2015</p> 
    </div> 
    <div> 
      <img src="$`enter code here`imgpath/fl2015.jpg"> 
      <p>Fleischmann 2015</p> 
    </div> 
</div> 
</div> 

Answer 1

Прежде всего, пожалуйста, определить размер ползунка в пикселях (300px, 117px). Обратите внимание, что каждый слайд должен иметь фиксированный размер.

Учитывая ползунок размером 300 x 117, вы можете отображать 2 или более слайдов в контейнере slides. Установите $SlideWidth, $DisplayPieces, $SlideSpacing вариантов.

var options = { 
$AutoPlay: false, 
$Loop: 0, 
$SlideWidth: 150, 
$DisplayPieces: 2, //or more if you like 
$SlideSpacing: 0 
};