1回答

• 

  寒星孤月

  2024-09-04 15:45:19

  var slideIndex = 0; // 从0开始索引，更符合JavaScript的数组索引习惯

  
  

  // 初始显示第一张幻灯片

  showSlides(slideIndex);

  
  

  function plusSlides(n) {

      showSlides(Math.max(0, Math.min(slideIndex + n, document.getElementsByClassName("mySlides").length - 1)));

  };

  
  

  function currentSlide(n) {

      showSlides(Math.max(0, Math.min(n, document.getElementsByClassName("mySlides").length - 1)));

  };

  
  

  function showSlides(n) {

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

      var dots = document.getElementsByClassName("dot");

      var maxIndex = slides.length - 1; // 获取最大索引值

  
  

      // 更新slideIndex为有效范围内的值

      slideIndex = Math.max(0, Math.min(n, maxIndex));

  
  

      // 隐藏所有幻灯片

      for (var i = 0; i <= maxIndex; i++) {

          slides[i].style.display = "none";

      };

  
  

      // 移除所有点的激活状态

      for (var i = 0; i < dots.length; i++) {

          dots[i].className = dots[i].className.replace(" active", "");

      };

  
  

      // 显示指定索引的幻灯片并激活对应的点

      if (slides.length > 0) {

          slides[slideIndex].style.display = "block";

          if (dots.length > 0) {

              dots[slideIndex].className += " active";

          };

      };

  }

  0 0