如何使滑块在到达最后一张幻灯片后返回到第一张幻灯片，反之亦然 我现在正试图自学JavaScript，现在我正在构建一个滑块。到目前为止，我已经设法找出如何使滑块左右滑动。到目前为止，我在monent遇到的问题是，如何使滑块在到达最后一张幻灯片后返回到第一张幻灯片，反之亦然

这是我一直在编写的代码

$（文档）.ready（函数（）{
var totalSlides=$（'.slides li'）。长度，
slidesWidth=$（'.slides li'）.width（），
slideContainer=$（'.slides'）；
slideCount=0；
slideItems=$（'.slides li'）；
slideContainer.width（slidesWidth*totalSlides）；
$（'.buttons.next'）。在（'click'，function（）上{
nextSlide（）；
});
$（'.buttons.prev'）。在（'click'，function（）上{
prevSlide（）；
});
函数nextSlide（）{
slideCount++；
如果（slideCount=slideCount）{
幻灯片计数--；
控制台日志（slideCount）；
幻灯片动画({
左：'+='+滑块宽度
}, 200);
}
}
//函数resetSlides（）{
//如果（slideCount==totalSlides）{
//slideCount=0；
//幻灯片动画({
//左：'+='+滑块容器
//        }, 200);
//    }
// }
})

.wrapper{
最大宽度：1440px；
保证金：0自动；
}
.时间线容器{
最大宽度：1440px；
保证金：0自动；
位置：相对位置；
溢出：隐藏；
高度：300px；
.幻灯片{
位置：绝对位置；
背景色：#ccc；
宽度：1440px；
最大高度：300px；
排名：0；
左：0；
李{
浮动：左；
最大宽度：1440px；
宽度：100%；
高度：300px；
位置：相对位置；
}
}
.按钮{
位置：绝对位置；
最高：50%；
左：0；
z指数：10；
}
}

1965


1968


1969

试试这段代码

function gotoSlide(position){
if(position === 'first'){

    console.log(slideCount);
    slideItems.animate({
        left: '+=' + 0
    }, 200);
    slideCount=0;
}
else{
    console.log(slideCount);
    slideItems.animate({
        left: '+=' + slidesWidth*(totalSlides-1)
    }, 200);
    slideCount=totalSlides;
}
}

---

点击按钮调用gotoSlide（yourPosition）。

为了方便您自己，您可以创建一个名为

gotoSlide（n）

的函数，很抱歉我不知道，但您能进一步说明吗。