Javascript 滑块手动控制,允许上一页/下一页按钮从最后一页单击到第一页

Javascript 滑块手动控制,允许上一页/下一页按钮从最后一页单击到第一页,javascript,Javascript,我正在尝试允许上一页/下一页按钮在第一张幻灯片和最后一张幻灯片之间导航。当前,您可以使用“上一页/下一页”按钮或“多媒体资料”按钮浏览1-12,但是,如果用户在幻灯片1上,并尝试单击“上一页”按钮到达12页,则不允许浏览;如果用户在幻灯片12上,并尝试单击“下一页”按钮到达幻灯片1,则不允许浏览。如何允许此选项 var slideIndex = 0; var slides = document.getElementsByClassName("mySlides"); showSlides();

我正在尝试允许上一页/下一页按钮在第一张幻灯片和最后一张幻灯片之间导航。当前,您可以使用“上一页/下一页”按钮或“多媒体资料”按钮浏览1-12,但是,如果用户在幻灯片1上,并尝试单击“上一页”按钮到达12页,则不允许浏览;如果用户在幻灯片12上,并尝试单击“下一页”按钮到达幻灯片1,则不允许浏览。如何允许此选项

var slideIndex = 0;
var slides = document.getElementsByClassName("mySlides");

showSlides();

function showSlides() {
var i;
for (i = 0; i < slides.length; i++) {
  slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {
  slideIndex = 1
}
slides[slideIndex - 1].style.display = "block";
setTimeout(showSlides, 5000); // Change image every 5 seconds
}

function currentSlide(no) {
var i;
for (i = 0; i < slides.length; i++) {
  slides[i].style.display = "none";
}
slideIndex = no;
slides[no - 1].style.display = "block";
}

function plusSlides(n) {
var newslideIndex = slideIndex + n;
if (newslideIndex < 13 && newslideIndex > 0) {
  currentSlide(newslideIndex);
}
}
var slideIndex=0;
var slides=document.getElementsByClassName(“mySlides”);
放映幻灯片();
函数showSlides(){
var i;
对于(i=0;i幻灯片长度){
slideIndex=1
}
幻灯片[slideIndex-1].style.display=“block”;
setTimeout(showSlides,5000);//每5秒更改一次图像
}
功能当前幻灯片(否){
var i;
对于(i=0;i0){
当前幻灯片(新闻幻灯片索引);
}
}

您可以像这样简单地向函数添加一些附加条件
plusSlides(n)

  function plusSlides(n) {
    var newslideIndex = slideIndex + n;
    if (newslideIndex < 13 && newslideIndex > 0) {
      currentSlide(newslideIndex);
    }
    else if (newslideIndex > 12){
        currentSlide(1)
    }
    else currentSlide(12)
  }
函数加滑块(n){
var newslideIndex=slideIndex+n;
if(newslideIndex<13&&newslideIndex>0){
当前幻灯片(新闻幻灯片索引);
}
否则如果(新闻索引>12){
当前幻灯片(1)
}
幻灯片(12)
}

我可以给您一个提示,如果计数小于0,则“重置”计数。