javascript - onClick 事件出现问题

Question

我正在构建一个画廊，并且项目的 osm 将有多个 View - 类似于 etsy 画廊中找到的项目 - 我正在尝试找出出了什么问题。我不久前开始这样做，它确实有效，但由于我不是一名编码员(专门)并且只是自学，所以我不知道发生了什么变化或我缺少什么。

目标是拥有一张大图像和三个缩略图。当选择三个缩略图之一时，它将用相应的图像替换大图像。

代码:

这是我链接的 js 函数:

<script type="text/javascript">

    function altViews(next_img) {
        document.getElementById("big").src = next_img;
    }

</script>

*(注意，它在第 4 行给了我一个错误:document.getElementById("big").src = next_img;)*

这是我用于图像和缩略图的代码:

<div class="artwork">
    <img id="big" src="../images/_101111-1.png"/>
    <div class="gallery-thumbnails">
      <img class="gallery-thumb" src="images/_101111-1.jpg" onclick="altViews('../images/_101111-1.jpg')">
      <img class="gallery-thumb" src="images/_101111-3.jpg" onclick="altViews('../images/_101111-3.jpg')">
      <img class="gallery-thumb" src="images/_101111-4.jpg" onclick="altViews('../images/_101111-4.png')">
    </div>
    <div class="rule">
    </div>
  </div>

如果我遗漏了任何细节，请告诉我。另外，我是 js 和 php 的新手，在业余时间自学，所以这可能是一个简单的解决方案，但我对它还不够熟悉，还没有弄清楚。

Answer 1

您忘记关闭 <img>标签末尾添加反斜杠 />

<img class="gallery-thumb" src="images/_101111-1.jpg" onclick="altViews('../images/_101111-1.jpg')"/>