Question

我正在建立一个画廊，项目的osm将有多个视图 - 类似于在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')"/>

onClick事件有问题

1 个答案: