jquery图片轮换代码

<div id="slider">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

#slider {
  width: 600px;
  height: 300px;
  overflow: hidden;
  position: relative;
}

#slider img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

$(document).ready(function() {
  var images = $('#slider img');
  var currentIndex = 0;

  function showImage(index) {
    images.hide();
    images.eq(index).show();
  }

  function nextImage() {
    currentIndex = (currentIndex + 1) % images.length;
    showImage(currentIndex);
  }

  // 初始显示第一张图片
  showImage(currentIndex);

  // 每隔3秒切换到下一张图片
  setInterval(nextImage, 3000);
});