javascript - 通过单击一个切换图像

Question

我有很多缩略图，当我点击一个时，会显示原始的大图。它将替换 elementId“main”位置的默认图像“manifier.jpg”。我的代码：

<img src="magnifier.jpg" name="main" id="main">
<br>
<br> 

 <a href="IMG_0554.JPG" onclick="swap(this); return false;"><img src="tn_IMG_0554.JPG"></a> 
 <a href="IMG_0566.JPG" onclick="swap(this); return false;"><img src="tn_IMG_0566.JPG"></a> 
 <a href="IMG_0570.JPG" onclick="swap(this); return false;"><img src="tn_IMG_0570.JPG"></a>

和

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

它完美地工作。我的问题，如果我按照这些步骤。

• 1) 单击缩略图。
• 2) 显示更大的图像。

• 3) 点击大图。

  我希望显示默认图像。

如何更改代码？

Answer 1

只需为主 img 添加一个 onclick 事件并将其重置回 magnifier.jpg

<img id="main" name="main" onclick="this.src='magnifier.jpg'; return false;">