+ 1
Mudar uma Imagem com um click
Como faço para mudar uma imagem com um click? ex:Luz apagada ai eu clico e substituo ela por outra imagem no caso uma luz acesa
1 Resposta
+ 2
<!DOCTYPE html>
<html>
<head>
<script>
var mysrc = "mars.jpg";
function changeImage() {
if (mysrc == "mars.jpg") {
document.images["pic"].src = "http://www.fluidoweb.com/images/SoloLearn/mars.jpg";
document.images["pic"].alt = "Mars";
mysrc = "earth.jpg";
} else {
document.images["pic"].src = "http://www.fluidoweb.com/images/SoloLearn/earth.jpg";
document.images["pic"].alt = "Earth";
mysrc = "mars.jpg";
}
}
</script>
</head>
<body>
<img src="http://www.fluidoweb.com/images/SoloLearn/earth.jpg"
alt="Earth" id="pic" class="portrait"
onclick="changeImage()"
width="464px" height="298px">
</body>
</html>