HTML按鈕更改圖片來源

好吧，我想知道這是否可能。我想要一個圖像和一個完全獨立的按鈕。點擊按鈕後，我想讓Img Src從「圖像/測試」更改爲「images/test2」HTML按鈕更改圖片來源

這可能嗎？

這麼說吧，我有一個非常簡單的網站，只用一個形象和一個按鈕

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

我怎樣才能改變這種非常簡單的HTML做我想要什麼？

來源

2012-01-09 user802609

在CSS和懸停效果或JavaScript事件中使用背景 – Abudayah 2012-01-09 04:39:39

首先，您的img標記未在您的代碼中關閉。其次，您可以使用簡單的javascript或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>

來源

2012-01-09 04:42:23 Murtaza

這裏是一個jQuery的演繹：http://jsfiddle.net/teHwE/ – peteorpeter 2012-01-09 04:44:46

HTML按鈕更改圖片來源

回答

相關問題