ユーザーが「前へ」または「次へ」をクリックして、右または左から要素をスライドさせることができる単純な JavaScript スライドショーを作成したいと思います。コンテンツは CMS から取得されるため、「ハードコード」されたものではありません。私のマークアップは理想的には次のようになります (最新のエントリが「show」クラスを受け取る):
<span class="back"><a href="#">Previous slide</a></span>
<span class="next"><a href="#">Next Slide</a></span>
<div id="slideshow">
<div class="client show">
<p>Yada</p>
</div>
<div class="client hide">
<p>Yada</p>
</div>
<div class="client hide">
<p>Yada</p>
</div>
<div class="client hide">
<p>Yada</p>
</div>
</div><!--end slideshow-->
順序を自動的に検出し、.client クラスの数を任意にできるものが必要です。これは非常に近いように思えます: http://jsbin.com/ekecuしかし、私はそれが目に見えるリンクに基づいて切り替えるのではなく、絶対に配置された前と次のボタンと同じようにしたくありません。
いくつかの助けを本当に感謝します.または、特に寛大なソーススニペットを使用できると感じている場合.