Jquery I';我正在尝试使用一个图像创建一个滑块。如何重置位置?

Jquery I';我正在尝试使用一个图像创建一个滑块。如何重置位置?,jquery,slider,Jquery,Slider,我对jQuery还不熟悉,还经常使用图像滑块。虽然我知道外面有很多。我宁愿自己去理解它 这是我的东西,请原谅那些新手 $( document ).ready(function() { // image timer setInterval("slideImages()", 2000); }); function slideImages(){ //sets current position or slider var cu

我对jQuery还不熟悉,还经常使用图像滑块。虽然我知道外面有很多。我宁愿自己去理解它

这是我的东西,请原谅那些新手

$( document ).ready(function() {
      // image timer
        setInterval("slideImages()", 2000);
    });

    function slideImages(){
        //sets current position or slider
        var currentPosition = 0;
        $(".main-img").animate({'marginLeft': '-=960px'});
         currentPosition++

        if(currentPosition > 3){
            alert("done");
        }
    }

    slideImages();
工作起来很容易,但我似乎无法理清逻辑,让它回到起点

我可以在每次设置动画时为其位置增加一个计数器吗

在这个声明中

if(currentPosition > 3)
{
        alert("done");
}
你已经完成了,所以重新设置所有内容

if(currentPosition > 3)
{
        alert("done");
        currentPosition = 0;
        reset the image here
}
如果您希望它优雅地向后滑动,那么请执行以下操作

  if(currentPosition > 3)
  {
        while (currentPosition>0)
        {
              $(".main-img").animate({'marginLeft': '+=960px'});
              currentPosition--;
        }
  }

它似乎不起作用。currentPosition没有增加,所以我想我把它放错地方了。我会继续胡闹!谢谢在你的代码上你没有;currentposition++之后应为currentposition++;是的,我抓到了,但我似乎无法分类。我只需要它在每次动画运行时递增。您还需要将动画放入while循环中,以递增位置,pseudo-while image pos!=FinPos{动画和增量}好的,我来试一试!再次感谢。