2012-01-09 3 views
0

그래, 가능한지 궁금해서. 이미지가 필요하고 완전히 다른 버튼이 필요합니다. 버튼을 클릭하면 Img Src가 "images/test"에서 "images/test2"로 변경됩니다.HTML 단추 이미지 소스 변경

이것이 가능합니까?

는 그냥

<html> 
<head>... 
</head> 
<body> 
<img src="images/test"/> 
<br/><br/><br/> 
<button>Click to change image!</button> 
</body> 
</html> 

어떻게 내가 원하는 일이 아주 간단한 HTML을 변경할 수 있습니다 단지 이미지와 버튼, 나는 아주 간단한 사이트가 있다고 가정 해 봅시다?

+0

CSS를 사용 배경 및 효과 또는 여기에 자바 스크립트 이벤트 – Abudayah

답변

1

먼저 img 태그가 코드에서 닫히지 않았습니다. 둘째, 간단한 자바 스크립트 또는 jQuery를 사용하여 버튼 클릭시 이미지 src을 변경할 수 있습니다.

<html> 
<head> 
<script> 

function changeImage() 
{ 
var img = document.getElementById("image"); 
img.src="images/test2"; 
return false; 
} 

</script> 

</head> 
<body> 
<img id="image" src="images/test" /> 
<br><br><br> 
<button id="clickme" onclick="changeImage();">Click to change image!</button> 
</body> 
</html> 
+2

를 가져가 JQuery와 연주입니다 : http://jsfiddle.net/teHwE/ – peteorpeter