图像交换脚本不会交换图像

问题描述

我在从该链接获取图像切换机制的过程中非常艰难，请来起作用。 这正是我所需要的。 各位，请帮忙。 我已经彻底检查了我的图像关系，并切换了脚本的位置。

<div id="big-image">
    <img id="main" src="images/goldenkoa_huge.png" width="400" height="400" alt="Canadian Maple, Engineered Luxury Click Vinyl Plank flooring"><br />

<a href="images/GoldenKoa-208x166_NEW3_big.gif" onclick="swap(this); return false;"><img src="images/GoldenKoa-208x166_NEW3.gif"></a>
<a href="images/picture2_big.jpg" onclick="swap(this); return false;"><img src="images/picture2_small.jpg"></a>
<a href="images/picture3_big.jpg" onclick="swap(this); return false;"><img src="images/picture3_small.jpg"></a>

我在头的末端加载了以下脚本（我也尝试将脚本移至主体结束标记上方）：

<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script type="text/javascript">
         function swap(image) {
             document.getElementById("main").src = image.href;
         }
     </script>
</head>