简单的JS幻灯片,可以使用N个条目

时间:2010-02-19 02:13:45

标签: javascript html slideshow

我想创建一个简单的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但我不希望它基于切换的可见链接,只是相同的绝对定位的上一个和下一个按钮。

真的很感激一些帮助,或者如果你感觉特别慷慨我可以使用的源代码片段。

1 个答案:

答案 0 :(得分:0)