클릭시 버튼 이미지를 변경하는 방법은 무엇입니까?

Question

이미지와 href를 사용하여 버튼을 만듭니다. 다음과 같은 코드가 표시됩니다.

<a href="http://www.zive.sk"><img src="res/images/zive.png" alt="Zive.sk" id="ziveCircle"></a> 

사용자가 버튼을 누르면 이미지 src를 변경할 수 있습니까? 어쩌면 사용자가 이미지를 눌렀 음을 결정할 이벤트 핸들러일까요? 그것은 정상적인 버튼으로 작동해야하므로 사용자가 그것을 누르고 계속 누르면 이미지 src가 변경되어야하고 버튼을 놓으면 href가로드되어야합니다 (일반적인 버튼 동작).

PS : 나는 이것을 위해 CSS를 사용할 수 없습니다.

Answer 1

나는 Hope I Helped 스크립트를 사용하여 해결책을 찾았습니다. 여기에 코드입니다 : 여기

function buttons(){ 
document.getElementById('zive-anchor').onmousedown=function() { 
    document.getElementById('ziveCircle').src = 
    "res/images/zivePressed.png"; 
}; 
document.getElementById('zive-anchor').onmouseout=function() { 
    document.getElementById('ziveCircle').src = 
    "res/images/zive.png"; 
}; 
}; 

및은 HTML입니다 :

<div data-role="page" id="homepage"> 
     <div id="selectCircle"> 
      <a href="feeds.html#page1" rel="external" id="zive-anchor"><img src="res/images/zive.png" alt="Zive.sk" id="ziveCircle"></a> 

Answer 2

이것은 당신의 StackOverflow의 Gravatar에 아이콘 버튼의 이미지를 변경 (그에 따라 URL을 변경)됩니다

HTML :

<a id="zive-anchor" href="javascript:void(0);"> 
    <img id="zive-img" src="res/images/zive.png" alt="Zive.sk" id="ziveCircle"> 
</a>​ 

자바 스크립트 :

document.getElementById('zive-anchor').onclick=function() { 
    document.getElementById('zive-img').src = 
    "http://www.gravatar.com/avatar/ca2a5b453d7e221f50929cbf6d688e59?s=32&d=identicon&r=PG"; 
};​ 

JSFiddle을 :

http://jsfiddle.net/CsCSC/

Answer 3

function play() 
{ 



var player= document.getElementById("audio"); 


if(player.paused) 

player.play(); 


else 
player.pause(); 

change(); 

} 

function change() 
{ 

var imag = document.getElementById("play") 

if(imag.src.match('Play')) 
imag.src="pause.jpg"; 

else 
imag.src="Play.jpg"; 



}