Javascript 在页面产品中显示缩略图

我有一个简单的代码，显示主图像的缩略图，但是当我想回到主图像时，它不起作用

JAVASCRIPT

let showImage = (smallImg) => {
   let fullImg = document.getElementById("imageBox");
   fullImg.src = smallImg.src;
}

HTML

如果是“但是当我想回到主图像时，它不起作用”，你的意思是你可以更改为缩略图，除了第一个缩略图，这是因为你没有像其他缩略图那样在第一个缩略图上单击一次。实际上，你不需要在主管道上点击

<aside class="aside_left">
    <div class="thumbnail">
        <img src="img/skate1.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
    <div class="thumbnail">
        <img src="img/skate2.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
    <div class="thumbnail">
        <img src="img/skate3.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
    <div class="thumbnail">
        <img src="img/skate4.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
    <div class="thumbnail">
        <img src="img/skate5.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
</aside>
<main>
    <div class="main_img">
        <img src="img/skate1.jpg" id="imageBox" alt="skateboard png">
    </div>
</main>

---

这应该可以解决问题。

什么不起作用？这是什么意思？你收到错误信息了吗？

<aside class="aside_left">
    <div class="thumbnail">
        <img src="img/skate1.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
    <div class="thumbnail">
        <img src="img/skate2.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
    <div class="thumbnail">
        <img src="img/skate3.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
    <div class="thumbnail">
        <img src="img/skate4.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
    <div class="thumbnail">
        <img src="img/skate5.jpg" onclick="showImage(this)" alt="skateboard png">
    </div>
</aside>
<main>
    <div class="main_img">
        <img src="img/skate1.jpg" id="imageBox" alt="skateboard png">
    </div>
</main>