我想创建一个简单的 javascript 幻灯片,允许用户单击“上一个”或“下一个”并让元素从右侧或左侧滑入,具体取决于。内容将来自 CMS,因此它不是“硬编码”的说法。理想情况下,我的标记看起来像这样(最近的条目接收“显示”类):
<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但我不希望它基于可见链接进行切换,就像绝对定位的上一个和下一个按钮一样。
非常感谢一些帮助,或者如果您觉得我可以使用的源代码片段特别慷慨。