轮播 javascript 更改初始图像

编程问答 2022-04-30

问题描述

我实现了一个由 https://www.w3schools.com/howto/howto_js_slideshow.asp

复制的轮播

这是javascript：

<script>
    var slideIndex = 1;
    showSlides(slideIndex);

    function plusSlides(n) {
      showSlides(slideIndex += n);
    }

    function currentSlide(n) {
      showSlides(slideIndex = 3);
    }

    function showSlides(n) {
      var i;
      var slides = document.getElementsByClassName("mySlides");
      var dots = document.getElementsByClassName("dot");
      if (n > slides.length) {slideIndex = 3}    
      if (n < 1) {slideIndex = slides.length}
      for (i = 0; i < slides.length; i++) {
          slides[i].style.display = "none";  
      }
      for (i = 0; i < dots.length; i++) {
          dots[i].className = dots[i].className.replace(" active","");
      }
      slides[slideIndex-1].style.display = "block";  
      dots[slideIndex-1].className += " active";
    }
    </script>

我使用 PHP 动态设置 html，根据我想显示的图像，但我想动态设置要显示的初始图像，我的意思是不更改顺序但如果我有 10 个图像，我会首先显示n.5 以便用户可以移动到 4 或 6 等。我尝试更改 javascript 中的值，但我不能。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

carouselhtmlimageimagejavascript