Проблема с событием onClick

Я создаю галерею, и osm элементов будет иметь несколько видов - похожих на элементы, найденные в галерее etsy, - и я пытаюсь понять, что происходит не так. Я начал это некоторое время назад, и это сработало, но поскольку я не кодер (исключительно) и просто обучая себя, я не могу сказать, что изменилось или что я пропал без вести.

Цель состоит в том, чтобы иметь большое изображение и три эскиза. Когда выбран один из трех эскизов, он заменит большое изображение соответствующим изображением.

Код:

Вот то, что у меня есть как функция js, с которой я связываюсь:

<script type="text/javascript">

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

</script>

* (Обратите внимание, что это дает мне ошибку в строке 4: document.getElementById("большой"). 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 и преподаю себя в свободное время, так что это может быть простое решение, но я недостаточно знаком с ним, но не понял его.