Javascript 添加下一个&；自定义图库的后退按钮

我有以下javascript代码：

$(function(){
    $('.words-gallery div:gt(0)').hide();
    
    setInterval(function() {
        $('.words-gallery > div:first')    
        .fadeOut(1000)    
        .next()
        .delay(995)
        .fadeIn(1000)    
        .end()    
        .appendTo('.words-gallery');},  
    3000);
    
});

此代码将从

DIV

创建一个图库，每个

3000

将隐藏当前

DIV

并显示下一个

我试图添加“下一步”和“后退”按钮，但它对我不起作用

这是我的小提琴：

你知道怎么做吗？

为什么不使用？它会让你做你要求的一切，甚至更多。甚至还有一个具体的例子

这是一把小提琴：

基本上，您可以按如下方式设置代码：

HTML

<div class="nav"><a id="prev2" href="#">Prev</a> <a id="next2" href="#">Next</a></div>
<div class="words-gallery">
    <div>1</div>
    <div>22</div>
    <div>333</div>
</div>

---

只需在图像附近放置两个按钮，并在两个按钮上实现jQuery

.next（）

和

.prev（）

。我按照您所说的做了，但当我使用prev按钮时，它将无法工作，直到我先按下next按钮，为什么？将您的代码粘贴到jsfiddle.netdone上，我肯定会解决您的问题，但我现在在办公室，稍后再解决您的问题。同时我把你的小提琴贴在问题上。必须有人帮助你：）

$('.words-gallery').cycle({ 
    fx:     'fade', 
    speed:  'fast', 
    timeout: 3000, 
    next:   '#next2', 
    prev:   '#prev2' 
});