使用jquery在后台img之间转换

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

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

$(document).ready(function() {
  var images = $('#imageContainer img'); // 获取所有图片元素
  var currentIndex = 0; // 当前显示图片的索引

  // 点击图片时切换显示下一张图片
  images.click(function() {
    currentIndex = (currentIndex + 1) % images.length; // 计算下一张图片的索引
    images.hide(); // 隐藏所有图片
    images.eq(currentIndex).show(); // 显示下一张图片
  });
});