用原生JS实现同时显示三张图片自动轮播的代码

好的，以下是用原生JS实现同时显示三张图片自动轮播的代码:

HTML部分：

<div class="slideshow-container">
  <div class="slide">
    <img src="image1.jpg">
  </div>
  <div class="slide">
    <img src="image2.jpg">
  </div>
  <div class="slide">
    <img src="image3.jpg">
  </div>
</div>

CSS部分：

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.slide {
  display: inline-block;
  width: 30%;
  margin: 1%;
}

.slide img {
  width: 100%;
  height: auto;
}

.active {
  border: 2px solid #000; /* 用于显示当前图片 */
}

JS部分：

var slideIndex = 0;
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("slide");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slideIndex++;
  if (slideIndex > slides.length - 2) {
    slideIndex = 1;
  }
  slides[slideIndex - 1].style.display = "inline-block";
  slides[slideIndex].style.display = "inline-block";
  slides[slideIndex + 1].style.display = "inline-block";
  var dots = document.getElementsByClassName("dot");
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
  }
  dots[slideIndex - 1].className += " active";
  setTimeout(showSlides, 2000); // 每隔2秒自动切换
}

以上代码实现的效果是每隔2秒自动切换三张图片，同时显示当前图片和其前后的两张图片。您可以根据需要调整切换时间和图片数量。