javascript - サムネイル画像クリック時にJavaScriptで大きな画像を変更する

Question

次の HTML/JavaScript コードを使用して、サムネイル画像をクリックして大きな画像を変更できる Web ページを作成しました。

<script type="text/javascript">
    function ChangeImage(a) {
    document.getElementById("viewer").src = a;
    }
</script>

<section>
    <img class="thumbnail" src="/images/Thumbnails/FormalHeadshot1.JPG" onclick="ChangeImage("/images/FormalHeadshot1.JPG");">
    <img class="thumbnail" src="/images/Thumbnails/FormalHeadshot2.JPG" onclick="ChangeImage("/images/FormalHeadshot2.JPG");">
    <img class="thumbnail" src="/images/Thumbnails/Performing.JPG" onclick="ChangeImage("/images/Performing.JPG");">
    <img class="thumbnail" src="/images/Thumbnails/Playing.JPG" onclick="ChangeImage("/images/Playing.JPG");">
    <img class="thumbnail" src="/images/Thumbnails/InformalHeadshot.JPG" onclick="ChangeImage("/images/InformalHeadshot.JPG");">

    <br>

    <img id="viewer" src="/images/FormalHeadshot1.JPG">

</section>

サムネイル画像をクリックしても大きな画像に何も起こらないのはなぜですか? 私は JavaScript に慣れていないので、明らかな何かが欠けている可能性がありますが、私が行った調査では問題が解決されていないようです。