不采用javaScript方法

如果不使用 JavaScript，你可以考虑使用 HTML 的 checkbox 实现图片的切换。具体实现方法如下：

HTML代码：

<div>
  <img id="main-img" src="image1.jpg" alt="Main Image">
</div>
<div>
  <label for="checkbox1"><img class="thumbnail" src="image1.jpg" alt="Thumbnail 1"></label>
  <input type="checkbox" id="checkbox1">
  <label for="checkbox2"><img class="thumbnail" src="image2.jpg" alt="Thumbnail 2"></label>
  <input type="checkbox" id="checkbox2">
  <label for="checkbox3"><img class="thumbnail" src="image3.jpg" alt="Thumbnail 3"></label>
  <input type="checkbox" id="checkbox3">
</div>

CSS代码：

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked + label > img {
  border: 2px solid blue;
}

当用户点击缩略图时，会同时选中对应的 checkbox，从而改变了 checkbox 的状态。当 checkbox 被选中时，它的相邻的 label 标签中的图片会出现蓝色的边框，表示当前选中的图片。

以上是一种简单的实现方法，但它有一定的限制，比如只能实现单选，不能实现多选。如果需要实现更复杂的功能，则建议使用 JavaScript。