JSSOR滑块:可见几个图像

时间:2014-11-09 16:57:43

标签: jssor

我正在寻找一种方法让JSSOR滑块显示几个,例如三,一次成像,每次幻灯片移动(自动,箭头,导航按钮),我希望它一次只能移动一个图像。附件是最能说明我想要的图像。 three-image slider

我尝试了$DisplayPieces: 1选项,但即使将其设置为3,仍然只显示一个图像,并且警告显示滑块未被禁用。

如果我尝试更改slider_container的尺寸,例如设置为900px,它不会改变 - 而是内部的图像变小。

1 个答案:

答案 0 :(得分:0)

要显示多张幻灯片,您需要手动设置$ SlideWidth,并调整幻灯片的大小'容器显示多个幻灯片。

例如(显示3张幻灯片),

var options = {
    ...
    $SlideWidth: 150,
    $DisplayPieces: 3,
    ...
};

<div id="slider1_container" style="... width: 450px; ...">
    <div u="slides" style=" ... width: 450px; ...">
        ...
    </div>
</div>