jQuery幻灯片放映-最后一张照片不会循环到第一张带有动画的照片

我使用jQuery创建了一个非常简单的幻灯片。幻灯片工作正常，但是当它在最后一张照片上时，我希望它循环到第一张照片，而不是动画到第一张照片，它只是在没有任何动画的情况下跳跃，我的其他照片工作正常。 希望有人能帮我解决这个问题

谢谢

HTML代码：

<div class="slideshow">
        <ul class="slider">
            <li class="slide"><img src ="imgs/model_05.jpg"></li>
            <li class="slide"><img src ="imgs/model_06.jpg"></li>
            <li class="slide"><img src ="imgs/model_07.jpg"></li>
            <li class="slide"><img src ="imgs/model_08.jpg"></li>
        </ul>
</div>

jQuery代码：

var sliderWidth = 400;
var animationSpeed = 1000;
var sliderPaused = 3000;
var currentSlide = 1;

//cache DOM
var $slideShow = $(".slideshow")
var $slider = $slideShow.find(".slider")
var $slides = $slider.find(".slide");

setInterval(function () {

    $slider.animate({
        marginLeft: "-=" + sliderWidth
    }, animationSpeed, function () {

        currentSlide++;
        if (currentSlide === $slides.length) {
            currentSlide = 1;
            $slider.css("margin-left", 0);
        }

    });

}, sliderPaused);

---

因为当

currentSlide==1

时，您没有设置动画

尝试此代码-

if (currentSlide === $slides.length) {
        currentSlide = 1;
        $slider.animate({
            marginLeft : 0
        });
    }

---

谢谢你的回答，卡尔佩什。我已经试过了，但没有达到我的预期效果。它以非常快的速度将其设置为第一个滑块的动画。我想做的是继续制作动画而不返回并重新开始。我想当它是在最后一个继续动画，因为它是，但重新开始。无止境的循环。

if (currentSlide === $slides.length) {
        currentSlide = 1;
        $slider.animate({
            marginLeft : 0
        });
    }