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

【问题标题】：Image-swap script won't swap images图像交换脚本不会交换图像
【发布时间】：2015-08-07 16:41:29
【问题描述】：

我很难从这个链接 enter link description here 获得图像切换机制来运行。这正是我需要的。请帮助，伙计们。我已经彻底检查了我的图像关系并切换了脚本的位置。

<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>

【问题讨论】：

标签： javascript

【解决方案1】：

确保您设置的任何图像路径都是有效路径，或者您插入的脚本是有效的并且没有破坏您的 javascript。

这是一个工作示例：

function swap(image) {
             document.getElementById("main").src = image.href;
         }

<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="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQV0TizaFIS4djTY-YgucL1dHDNseSPN9Ib74LVY40R1zYja6AV" onclick="swap(this); return false;"><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQV0TizaFIS4djTY-YgucL1dHDNseSPN9Ib74LVY40R1zYja6AV" height="50px"></a>

<a href="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRqQOQHwPkBuYIcoUI4MpbDdbz0WUM2ql5l2HQ9keK-urytm8Vdgg" onclick="swap(this); return false;"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRqQOQHwPkBuYIcoUI4MpbDdbz0WUM2ql5l2HQ9keK-urytm8Vdgg" height="50px"></a>
  </div>

【讨论】：

谢谢。这就是我需要的。使用上面的 html 并将上面的函数调整到我的脚本中，无论是在 css 链接下方还是在正文结束标记上方，都不会产生任何结果。我也试过了
在没有其他脚本的情况下运行脚本，包括有/没有 jQuery。我看到了所有三个图像......但没有交换。