实现三张图片轮播

好的，这里提供一种基于 HTML、CSS 和 JavaScript 的实现方式：

HTML 代码：

<div class="slideshow-container">
  <div class="slide">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="slide">
    <img src="image2.jpg" alt="Image 2">
  </div>
  <div class="slide">
    <img src="image3.jpg" alt="Image 3">
  </div>
  <a class="prev" onclick="previousSlide()">&#10094;</a>
  <a class="next" onclick="nextSlide()">&#10095;</a>
</div>

CSS 代码：

.slideshow-container {
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.slide img {
  width: 100%;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 30px;
  padding: 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

JavaScript 代码：

var slideIndex = 1;
showSlide(slideIndex);

function nextSlide() {
  showSlide(slideIndex += 1);
}

function previousSlide() {
  showSlide(slideIndex -= 1);
}

function showSlide(n) {
  var slides = document.getElementsByClassName("slide");
  if (n > slides.length) {
    slideIndex = 1;
  }
  if (n < 1) {
    slideIndex = slides.length;
  }
  for (var i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slides[slideIndex - 1].style.display = "block";
}

这是一个基本的轮播实现，其中包含三张图片和两个箭头按钮，点击箭头按钮可以切换图片。你可以根据需要自定义样式或添加其他功能。