jssor 轮播有问题

Question

我需要简单的 horizontal 无自动播放轮播，其中图像有多种 width 但相同 height (117px)。我需要在用 5px 分隔的容器中查看连续的多个图像（取决于它们的 width）。很像 jssor.com.

上的东方女士例子

我得到的（见下面的代码）是完美的旋转木马，但每张幻灯片只显示一张图片。 do/set 我需要什么才能在每张幻灯片上获取多张图片？

<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 的滑块，您可以在 slides 容器中显示 2 个或更多幻灯片。请设置 $SlideWidth、$DisplayPieces、$SlideSpacing 选项。

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

jssor 轮播有问题

jssor carousel Having an Issue

carousel

jssor