以链接的形式循环浏览图库图像，而不是控制台登录onclick，而是通过css激活

<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
<img src="image3.jpg" alt="Image 3">
<!-- 更多图像 -->

<img src="image1.jpg" alt="Image 1" class="gallery-image">
<img src="image2.jpg" alt="Image 2" class="gallery-image">
<img src="image3.jpg" alt="Image 3" class="gallery-image">
<!-- 更多图像 -->

.gallery-image {
  display: none;
}

// 获取所有具有共同类名的图像元素
var images = document.getElementsByClassName('gallery-image');

// 定义一个变量来跟踪当前显示的图像索引
var currentIndex = 0;

// 定义一个函数来显示下一张图像
function showNextImage() {
  // 隐藏当前显示的图像
  images[currentIndex].style.display = 'none';

  // 增加索引以显示下一张图像
  currentIndex = (currentIndex + 1) % images.length;

  // 显示下一张图像
  images[currentIndex].style.display = 'block';
}

// 初始化，显示第一张图像
images[currentIndex].style.display = 'block';

// 每次点击页面时，显示下一张图像
document.onclick = showNextImage;