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

スライドショーの操作方法を知っていると仮定すると、モジュラス関数を利用して無限のループ性を実現したいとします。

したがって、1-> 2-> 3に移動してから元に戻ることを目的とした変数IDがある場合は、3から1に戻るように更新する必要があります。

id=(id+2)%4-1

それはあなたに1->2->3-> 1-> 2->3...効果を与えるでしょう

0から2ではなく1から3に移行するため、この小さな数式は少し混乱しているように見える場合があります。0から開始する場合、簡略化された数式は次のようになります。

id=(id+1)%3

スライドショーの最後の3をスライドショーの数に合わせるか、上の例ではスライドの数+1に合わせる必要があります。

于 2012-05-22T22:20:34.213 に答える