하나를 클릭하여 이미지를 전환하십시오.

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에 대한 온 클릭 이벤트를 추가하고 magnifier.jpg 다시 재설정

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