Question

我设置了jssor滑块，以便在类似于this example的时间显示3张幻灯片。它效果很好，但我们说我有4张幻灯片。我希望幻灯片的第一页有前三张幻灯片，第二页只包含第四张幻灯片（1 2 3）（4）。相反，第二页循环并包括最初的2张幻灯片（1 2 3）（4 1 2）。

有没有办法阻止前两张幻灯片被包含在第二页？我最初的想法是创建空白的虚拟幻灯片，填充前2个幻灯片占用的空间，但我希望在javascript中有一行我不见了。有什么想法吗？

Answer 1

您可以将4张幻灯片合并为2张幻灯片。（1 2 3） - ＆gt; （1）和（4） - ＆gt; （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>

一次显示多个幻灯片时，防止重新显示初始幻灯片

1 个答案: