0

サムネイル画像がたくさんありますが、クリックすると元の大きな画像が表示されます。これは、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）大きな画像をクリックします。

    デフォルトの画像を表示したいのですが。

コードを変更する方法は？

4

1 に答える 1

1

メインのimgにonclickイベントを追加し、それをmagnifier.jpgにリセットするだけです。

<img id="main" name="main" onclick="this.src='magnifier.jpg'; return false;">
于 2012-10-22T00:34:22.657 に答える