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按钮更改图片来源

回答

相关问题