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

单击一下切换图像

1 个答案: