我在做滑块。事实是，当滚动滑块时，它开始从第一张幻灯片扔到最后一张幻灯片，并且方向相反。请帮忙，我会很感激你

<代码><；DIV类="；容器"；>；<；DIV类="；滑块图像"；>；<；IMG SRC="；lam1.JPG"；alt="；"；类="；滑块图像__项"；宽度="；100%"；>；<；/DIV>；<；DIV类="；滑块图像"；>；<；IMG SRC="；lam2.JPG"；alt="；"；类="；滑块图像__项"；宽度="；100%"；>；<；/DIV>；<；DIV类="；滑块图像"；>；<；IMG SRC="；lam3.JPG"；alt="；"；类="；滑块图像__项"；宽度="；100%"；>；<；/DIV>；<；DIV类="；滑块图像"；>；<；IMG SRC="；lam4.JPG"；alt="；"；类="；滑块图像__项"；宽度="；100%"；>；<；/DIV>；<；DIV类="；滑块图像"；>；<；IMG SRC="；lam5.JPG"；alt="；"；类="；滑块图像__项"；宽度="；100%"；>；<；/DIV>；<；DIV类="；滑块图像"；>；<；IMG SRC="；lam6.JPG"；alt="；"；类="；滑块图像__项"；宽度="；100%"；>；<；/DIV>；<；I ID="；Prev"；类="；fa fa-arrow-left"；aria-hidden="；正确"；>；<；/I>；<；I ID="；下一个"；类="；fa fa-arrow-right"；aria-hidden="；正确"；>；<；/I>；<；DIV类="；点"；>；<；span类="；点"；>；<；/span>；<；span类="；点"；>；<；/span>；<；span类="；点"；>；<；/span>；<；span类="；点"；>；<；/span>；<；span类="；点"；>；<；/span>；<；span类="；点"；>；<；/span>；<；/DIV>；<；/DIV>；window.addEventListener（' DOMContentLoaded '，（）=>；{const Prev=document.querySelector（'#Prev '），next=document.querySelector（'#next '），幻灯片=document.querySelectorAll（'.slider-image '），dot=document.querySelectorAll（'.dot '）；设slideIndex=1；ShowSlides（幻灯片索引）；函数showSlides（n）{如果（N>；幻灯片.长度）{SlideIndex=1；}如果（N<；幻灯片.长度）{slideIndex=slides.length；}slides.Foreach（item=>；{item.style.display=' none '；});幻灯片[slideIndex-1].style.display=' block '；}函数加幻灯片（n）{显示幻灯片（slideIndex+=n）；}Prev.addEventListener（' click '，（）=>；{加幻灯片（1）；});Next.addEventListener（' click '，（）=>；{加幻灯片（-1）；});

顺晟科技：

我认为你应该做大量的调试日志，看看你每次都会得到SlideIndex的值。

你就应该重置为1。类似地，在点击Previous时，如果您的<div class="container"> <div class="slider-image"> <img src="Lam1.jpg" alt="" class="slider-image__item" width="100%"> </div> <div class="slider-image"> <img src="Lam2.jpg" alt="" class="slider-image__item" width="100%"> </div> <div class="slider-image"> <img src="Lam3.jpg" alt="" class="slider-image__item" width="100%"> </div> <div class="slider-image"> <img src="Lam4.jpg" alt="" class="slider-image__item" width="100%"> </div> <div class="slider-image"> <img src="Lam5.jpg" alt="" class="slider-image__item" width="100%"> </div> <div class="slider-image"> <img src="Lam6.jpg" alt="" class="slider-image__item" width="100%"> </div> <i id="prev" class="fa fa-arrow-left" aria-hidden="true"></i> <i id="next" class="fa fa-arrow-right" aria-hidden="true"></i> <div class="dots"> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> </div> </div> window.addEventListener('DOMContentLoaded', () => { const prev = document.querySelector('#prev'), next = document.querySelector('#next'), slides = document.querySelectorAll('.slider-image'), dots = document.querySelectorAll('.dot'); let slideIndex = 1; showSlides(slideIndex); function showSlides(n) { if (n > slides.length) { slideIndex = 1; } if(n < slides.length) { slideIndex = slides.length; } slides.forEach(item => { item.style.display = 'none'; }); slides[slideIndex - 1].style.display = 'block'; } function plusSlides(n) { showSlides(slideIndex += n); } prev.addEventListener('click', () => { plusSlides(1); }); next.addEventListener('click', () => { plusSlides(-1); }); 小于1，则您应该转到另一端。

<代码>函数showSlides（n）{如果（N>；幻灯片.长度）{SlideIndex=1；}如果（N<；1) {slideIndex=slides.length；}slides.Foreach（item=>；{item.style.display=' none '；});幻灯片[slideIndex-1].style.display=' block '；}函数加幻灯片（n）{显示幻灯片（slideIndex+=n）；}Prev.addEventListener（' click '，（）=>；{加幻灯片（1）；});Next.addEventListener（' click '，（）=>；{加幻灯片（-1）；});});