尝试让JavaScript在点击时放大图像，只对第一张图像有效

<div id="image-container">
  <img src="image1.jpg" onclick="zoomImage(this)">
  <img src="image2.jpg" onclick="zoomImage(this)">
  <img src="image3.jpg" onclick="zoomImage(this)">
</div>

function zoomImage(image) {
  // 将其他图像的放大效果重置
  var images = document.querySelectorAll("#image-container img");
  for (var i = 0; i < images.length; i++) {
    images[i].style.transform = "scale(1)";
  }

  // 只对第一张图像进行放大
  if (image === images[0]) {
    image.style.transform = "scale(1.5)";
  }
}

#image-container {
  display: flex;
}

#image-container img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  transition: transform 0.3s ease;
  cursor: pointer;
}