当单击特定行上的图像时，可在该行上的图像之间切换

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

#image-container {
  width: 500px;
  height: 300px;
  border: 1px solid black;
}

#image-container img {
  display: none;
}

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

var images = document.querySelectorAll("#image-container img");
var currentIndex = 0;

function switchImage() {
  // 隐藏当前显示的图像
  images[currentIndex].classList.remove("active");
  
  // 切换到下一个图像
  currentIndex = (currentIndex + 1) % images.length;
  
  // 显示新的图像
  images[currentIndex].classList.add("active");
}

// 给每个图像添加点击事件监听器
for (var i = 0; i < images.length; i++) {
  images[i].addEventListener("click", switchImage);
}