2012-03-23 3 views
0

클릭에 이미지를 변경하기 위해 나는이 자바 스크립트 기능을 사용하고 있지만, 모든 시간을 새로 고치고 원래의 이미지로 다시 이동하고있다.자바 스크립트 이미지 핸들러

이것은 내가 사용하고있는 코드입니다.

function showImage1() {; 
    document.getElementById('Image5').style.visibility = 'visible'; 
    document.getElementById('Img1').style.visibility = 'hidden'; 
} 

<div> 
    <input ID="Button1" type="image" src=" Resources/Icons/benefitBtn.png" OnClick="showImage1();"/> 
</div> 

어떤 제안을 해주시겠습니까?

+2

. 나는 그것을 반영하기 위해 제목, 질문 및 태그를 편집했습니다. –

+0

질문을 명확히 할 수 있습니까? "항상 새로 고침을하고 원래 이미지로 돌아가는"것은 무엇을 의미합니까? –

답변

2

<input ID="Button1" type="image" src="Resources/Icons/benefitBtn.png" onClick="showImage1();return false;"/>

추가 반환 거짓은 자연을 제출 중지해야합니다. 내가 제대로 이해하면 .... :

0

이 시도 : 귀하의 예제에는 jQuery를가 없습니다

function toggleImage(elementToShow,elementToHide){ 
    $("#" + elementToShow).show(); 
    $("#" + elementToHide).hide(); 
} 

<div> 
<input ID="Button1" type="button" class="yourButtonClass" OnClick="showImage1('Image5','Img1');"/> 
</div> 

set your button's background image in your stylesheet.