我想创建一个简单的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但我不希望它基于切换的可见链接,只是相同的绝对定位的上一个和下一个按钮。
真的很感激一些帮助,或者如果你感觉特别慷慨我可以使用的源代码片段。