【发布时间】:2010-05-21 06:00:04
【问题描述】:
我想创建一个简单的 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 但我不希望它基于可见链接进行切换,只是绝对定位的上一个和下一个按钮。
非常感谢一些帮助,或者如果你觉得特别慷慨,我可以使用一个源 sn-p。
【问题讨论】:
标签: javascript html slideshow