单击幻灯片切换div打开幻灯片

<div id="slideshow">
  <img src="slide1.jpg" alt="Slide 1">
  <img src="slide2.jpg" alt="Slide 2">
  <img src="slide3.jpg" alt="Slide 3">
</div>

<button onclick="nextSlide()">Next Slide</button>

#slideshow {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

#slideshow img {
  width: 100%;
  height: 100%;
  display: none;
}

#slideshow img.active {
  display: block;
}

var currentSlide = 0;
var slides = document.querySelectorAll('#slideshow img');

function nextSlide() {
  slides[currentSlide].classList.remove('active');
  currentSlide = (currentSlide + 1) % slides.length;
  slides[currentSlide].classList.add('active');
}