javascript图片轮播代码

JavaScript图片轮播通常使用数组或对象来存储图片URL，结合HTML的`<img>`标签以及CSS样式和JavaScript事件处理来实现。下面是一个简单的示例代码：

<div class="slider">
  <img src="image1.jpg" class="slide hidden">
  <img src="image2.jpg" class="slide active">
  <img src="image3.jpg" class="slide hidden">
</div>

<script>
var slider = document.querySelector('.slider');
var slides = slider.querySelectorAll('.slide');

// 设置初始显示的第一张图片
var currentSlide = 0;

function slideShow() {
  for (var i = 0; i < slides.length; i++) {
    slides[i].classList.remove('active');
  }
  slides[currentSlide].classList.add('active');
  
  // 切换到下一张
  if (currentSlide === slides.length - 1) { // 如果已到达最后一张
    currentSlide = 0;
  } else {
    currentSlide++;
  }
}

// 开始轮播
setInterval(slideShow, 3000); // 每隔3秒切换一次图片
</script>

<style>
.slide {
  display: none;
  position: absolute;
}
.active {
  display: block;
}
</style>