Javascript 图像滑块"；“以前的”；按钮不在'；t工作不正常

我遇到了一个问题，当我按下“上一步”按钮时，它会转到第二张照片和第三个标题，而不是第三张照片和第三个标题。。 “下一步”按钮工作正常，您可以自己测试

html代码：

<div class="slider">
 <a href="#" id="prev" onclick="prev();return false;" ></a>
 <a href="#" id="next" onclick="next();return false;"></a>

 <a href=""><div id="1">
    <img src="1.jpg" border="0" alt="Firstphoto"class="imageslider"/>
    <div id="caption1" ><a href="#"><h1>صدور الموسم التاني من هجوم العمالقة</h1> </a></div>
 </div></a>
 <a href=""><div id="2">
    <img src="2.jpg" border="0" alt="Secondphoto"class="imageslider"/>
    <div id="caption2"><a href="#"><h1>الغاء انمي هانتر هانتر</h1></a></div>
 </div></a>
 <a href=""><div id="3">
    <img src="3.jpg" border="0" alt="Thirdphoto"class="imageslider"/>
    <div id="caption3"><a href="#"><h1>محسن يا</h1></a></div>
 </div> </a>
</div>

jQuery滑动代码：

    sliderInt=1;
    sliderNext=2;
    $(document).ready(function(){
     $('.slider>div#'+sliderInt).stop().fadeIn(300).delay(0);
     $('#caption'+sliderInt).stop().fadeIn(1000);
     startSlider();
    });

    function startSlider(){
     count= $(".slider>div").size();
     loop=setInterval(function(){
      $(".slider>div#"+sliderInt).stop().fadeOut(0);
      $('#caption'+sliderInt).stop().fadeOut(300);
      if(sliderNext>count){
      sliderNext=1;
      }

     $(".slider>div#"+sliderNext).stop().fadeIn(300).delay(0);
     $('#caption'+sliderNext).stop().fadeIn(1000);
     sliderNext++;
     sliderInt=sliderNext-1;
    },6000);
    }
    function prev(){
        stopLoop();
        $(".slider>div#"+sliderInt).stop().fadeOut(0);
        $('#caption'+sliderInt).stop().fadeOut(300);
        sliderInt--;
        if(sliderInt<1){
            sliderInt=count;
        }   
        $(".slider>div#"+sliderInt).stop().fadeIn(300);
        $('#caption'+sliderInt).stop().fadeIn(1000);
            startSlider();
        }
    function next(){
        stopLoop();
        $(".slider>div#"+sliderInt).stop().fadeOut(0);
        $('#caption'+sliderInt).stop().fadeOut(300);
        sliderInt++;
        if(sliderInt>count){
            sliderInt=1;
        }
        $(".slider>div#"+sliderInt).stop().fadeIn(300);
        $('#caption'+sliderInt).stop().fadeIn(1000);
        startSlider();
        }
    function stopLoop(){
        window.clearInterval(loop);
    }

    $(document).ready(function(){
    $(".slider > div").hover(
        function(){
            stopLoop();
        },
        function(){
            startSlider();
        }
       );
});

sliderInt=1；
sliderNext=2；
$（文档）.ready（函数（）{
$（'.slider>div#'+sliderInt.stop（）.fadeIn（300）.delay（0）；
$（“#标题”+slident.stop（）.fadeIn（1000）；
startSlider（）；
});
函数startSlider（）{
计数=$（“.slider>div”）.size（）；
循环=设置间隔（函数（）{
$（“.slider>div#”+sliderInt.stop（）.fadeOut（0）；
$（“#标题”+滑块）.stop（）.fadeOut（300）；
如果（sliderNext>count）{
sliderNext=1；
}
$（“.slider>div#”+sliderNext.stop（）.fadeIn（300）.delay（0）；
$（#caption'+slidenxt.stop（）.fadeIn（1000）；
sliderNext++；
SliderNet=sliderNext-1；
},6000);
}
函数prev（）{
stopLoop（）；
$（“.slider>div#”+sliderInt.stop（）.fadeOut（0）；
$（“#标题”+滑块）.stop（）.fadeOut（300）；
滑块--；
如果（滑块计数）{
滑块=1；
}
$（“.slider>div#”+sliderInt.stop（）.fadeIn（300）；
$（“#标题”+slident.stop（）.fadeIn（1000）；
startSlider（）；
}
函数stopLoop（）{
清除间隔（循环）；
}
$（文档）.ready（函数（）{
$（“.slider>div”）。悬停(
函数（）{
stopLoop（）；
},
函数（）{
startSlider（）；
}
);
});

它应该在第一次单击prev时发生
尝试在初始时间添加此项

$('.slider>div').hide().first().show();

---

请创建一个JSFIDLE。不幸的是，我在以前没有使用过它的领域是新手：3您转到，将jquery添加为库，输入代码，单击保存并共享链接，这不太难吗？如何上传上面示例中的我自己的照片？我在函数prev（）之后添加了$（'.slider>div'）.hide（）{问题解决了！！！我怎么不明白这到底是为什么，你能解释一下吗？：）

$('.slider>div').hide().first().show();