我正在尝试使用一个图像创建一个滑块。如何重置位置？

Question

我是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();

易于工作，但我似乎无法理清逻辑，让它回到它的起点。

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

Answer 1

在此声明中

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--;
        }
  }