jssor - 一次显示多张幻灯片时防止重新显示初始幻灯片

Question

我将我的 jssor 滑块设置为一次显示 3 张幻灯片，类似于此示例。效果很好，但假设我有 4 张幻灯片。我希望幻灯片的第一页包含前三张幻灯片，第二页仅包含第四张幻灯片 (1 2 3) (4 )。相反，第二页循环并包括最初的 2 张幻灯片 (1 2 3) (4 1 2)。

有没有办法防止前两张幻灯片包含在第二页中？我最初的想法是创建空白的虚拟幻灯片来填充原本会被前 2 张幻灯片占用的空间，但我希望 javascript 中有一行我丢失了。有任何想法吗？

Answer 1

您可以将 4 张幻灯片合并为 2 张幻灯片。(1 2 3) -> (1) 和 (4) -> (2)

请参阅以下示例代码，

    <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 606px; height: 150px; overflow: hidden;">
        <div>
            <img src="1.png" style="position: absolute; top: 0px; left: 0px; width: 200px; height: 150px; />
            <img src="2.png" style="position: absolute; top: 0px; left: 203px; width: 200px; height: 150px; />
            <img src="3.png" style="position: absolute; top: 0px; left: 406px; width: 200px; height: 150px; />
        </div>
        <div>
            <img src="4.png" style="position: absolute; top: 0px; left: 0px; width: 200px; height: 150px; />
        </div>
    </div>