스크립트가 한 번만 이미지를 변경하지 않습니다.

Question

스크립트가 이미지를 한 번만 변경합니다. 그런 다음 전혀 작동하지 않습니다.

SCRIPT :

<script type="text/javascript"> 
    function change_image(){ 
     if (window.document.pic.src='images/NAV_OFFhome_trans.png') 
     { 
      window.document.pic.src='images/NAV_OFFhist_trans.png'; 
     } 
     else if (window.document.pic.src='images/NAV_OFFhist_trans.png') 
     { 
      window.document.pic.src='images/NAV_OFFhome_trans.png'; 
     } 
    } 
</script> 

HTML : 당신은 if 문/다른 경우, 당신은 SRC를 설정하는 대신 값에 대해 확인하고에서

<div id="main" > 
<img src="images/NAV_OFFhome_trans.png" name="pic" onclick="change_image()"  style="position:absolute;"/> 
</div> 

Answer 1

. = 대신 ==을 사용해야합니다. 이와 같이

:

<script type="text/javascript"> 
    function change_image(){ 
     if (window.document.pic.src == 'images/NAV_OFFhome_trans.png') 
     { 
      window.document.pic.src = 'images/NAV_OFFhist_trans.png'; 
     } 
     else if (window.document.pic.src == 'images/NAV_OFFhist_trans.png') 
     { 
      window.document.pic.src = 'images/NAV_OFFhome_trans.png'; 
     } 
    } 
</script> 

여기에 좋은 측정을위한 예입니다 : http://jsfiddle.net/rd6dL/