Comunidad de diseño web y desarrollo en internet online

Alternar imagenes con un click

Citar            
MensajeEscrito el 14 Ene 2015 10:43 am
Hola. Tengo dos imagenes una de un bombilla encendida y otra apagada. Quiero cambiar entre una y otra con un click como si fuera un interruptor. He probado con este código pero no funciona. No sé qué es lo que está mal:

Código HTML :

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Javascript01</title>
</head>

<body>
<img id="bombilla" onclick="changeImg()" src="off.gif">
<script>
function changeImg() {
var imagen = document.getElementById('bombilla');
if (imagen.src == "on.gif") {
imagen.src = "off.gif";
} else {
imagen.src = "on.gif";
}
}
</script>
</body>

</html>

Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0

Por oxk4r

56 de clabLevel



 

Orense·España

firefox
Citar            
MensajeEscrito el 14 Ene 2015 04:48 pm
Bueno.. los atributos... en si no son atributos directos JS, ya que estan en un DOM.. en fin tu función tendría que ser como la siguiente.

function changeImg() {
var imagen = document.getElementById('bombilla');
var valueImg = imagen.getAttribute("src");

if (valueImg == "on.gif") {
imagen.setAttribute("src", "off.gif");
} else {
imagen.setAttribute("src", "on.gif");
}
}

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.