Javascript 我使用csszindex的简单jquery幻灯片演示不起作用

我正在尝试使用jquery进行预测，但是

next

按钮工作正常，但是

back

按钮没有如我预期的那样工作。请帮助我解决此问题。提前谢谢

以下是我的html代码：

<div id="slider">
<div id="next">Next</div>
<div id="prev">Back</div>
<div class="slide s1">I'm slide 1</div>
<div class="slide s2">I'm slide 2</div>
<div class="slide s3">I'm slide 3</div>

---

您不需要定义

var b=3

只需在

back

按钮上单击减量之前隐藏幻灯片即可

var c=0;
$('.slide:gt(0)').hide();

$('#next').click(function(){
    c++;
    $('.slide').eq(c).css({zIndex : c}).show('slow');
});

$('#prev').click(function(){
    //hide the slide
    $('.slide').eq(c).css({zIndex : c}).hide('slow');
    c--;
    $('.slide').eq(c).css({zIndex : c}).show('slow');
});

---

您没有正确跟踪幻灯片。您不需要两个索引，只要在用户单击“下一步”时在其他幻灯片的顶部显示新幻灯片，并在用户单击“上一步”时隐藏顶部幻灯片即可

像这样：

var c=0;
$('.slide:gt(0)').hide();
$('#next').click(function(){
    if(c < $('.slide').size()-1) c++;
    $('.slide').eq(c).css({zIndex : c}).show('slow');
});
$('#prev').click(function(){
    if(c>0){
        $('.slide').eq(c).css({zIndex : c}).hide('slow');
        c--;
    }
});​

var c=0；
$（'.slide:gt（0'）.hide（）；
$（“#下一步”）。单击（函数（）{
如果（C< $（‘幻灯片’））（1）C++；
$（'.slide'）.eq（c）.css（{zIndex:c}）.show（'slow'）；
});
$（'#prev'）。单击（函数（）{
如果（c>0）{
$（'.slide'）.eq（c）.css（{zIndex:c}）.hide（'slow'）；
c--；
}
});​

---

这个问题不够清楚。您想在单击“上一步”时隐藏幻灯片2并显示幻灯片1吗？@rifky是的，就像第页一样navigation@Suresh帕图：看下面我的答案。

var c=0;
$('.slide:gt(0)').hide();
$('#next').click(function(){
    if(c < $('.slide').size()-1) c++;
    $('.slide').eq(c).css({zIndex : c}).show('slow');
});
$('#prev').click(function(){
    if(c>0){
        $('.slide').eq(c).css({zIndex : c}).hide('slow');
        c--;
    }
});​