jquery 图片切换

<div id="image-gallery">
  <img src="image1.jpg" alt="Image 1" class="active">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>
<button id="prev">Previous</button>
<button id="next">Next</button>

#image-gallery img {
  display: none;
}
#image-gallery img.active {
  display: block;
}

$(document).ready(function() {
  let currentIndex = 0;
  const images = $('#image-gallery img');
  const totalImages = images.length;

  function showImage(index) {
    images.removeClass('active');
    images.eq(index).addClass('active');
  }

  $('#next').click(function() {
    currentIndex = (currentIndex + 1) % totalImages;
    showImage(currentIndex);
  });

  $('#prev').click(function() {
    currentIndex = (currentIndex - 1 + totalImages) % totalImages;
    showImage(currentIndex);
  });

  // 自动切换功能
  setInterval(function() {
    currentIndex = (currentIndex + 1) % totalImages;
    showImage(currentIndex);
  }, 3000); // 每3秒切换一次
});