0

假设您有这样的幻灯片（我在这里省略了“上一个”和“下一个”按钮）：

<div id="slides">
   <article id="slide1" class="slide">[...]</article>
   <article id="slide2" class="slide">[...]</article>
   <article id="slide3" class="slide">[...]</article>
</div>

这里有 3 张幻灯片，但那是完全动态的。我的大问题不是创建无限幻灯片，而是创建一个始终以相同方式从一张幻灯片过渡到另一张幻灯片的幻灯片。

如果我们考虑这个循环：

slide 1 -> slide 2 -> slide 3 -> slide 1 -> slide 2 -> slide 3 -> slide 1 -> ...

我想要的是我们总是向左滑动的印象（即使我们从幻灯片 3 回到幻灯片 1！！）。

如果您有任何想法，请告诉我，我已经尝试了很多东西。

提前致谢， 罗尔夫

PS：我正在使用 Prototype v1.6 和 Scriptaculous v1.9.0

4

1 回答 1

0

假设你知道如何使用幻灯片，你想利用模数函数来给你无限循环。

因此，如果您有一个变量 id ，该变量 id 应该是 1->2->3 然后返回，您需要更新它，使其从 3 回到 1，如下所示：

id=(id+2)%4-1

这会给你 1->2->3->1->2->3... 效果

这个小公式可能看起来有点混乱，因为你是从 1 到 3 而不是从 0 到 2。如果你从 0 开始，简化的公式将是：

id=(id+1)%3

您只需要将末尾的 3 调整为幻灯片的幻灯片数量，或者在上面的示例中，幻灯片数量 + 1。

于 2012-05-22T22:20:34.213 回答