Foros del Web - Ver Mensaje Individual

mauritosuarez · #2 (**permalink**) 14/01/2015, 06:36

Hola oxk4r01, prueba con este código (adaptalo a tus necesidades), te estaba faltanto el llamado a la libreria de javascript para que funcione.

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
 
<head>
<meta charset="UTF-8">
<title>Javascript01</title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <!-- Te falta llmar a la libreria de java script -->
</head>
 
<body>
<img id="bombilla" onclick="changeImg()" width="80" src="http://previews.123rf.com/images/neyro2008/neyro20081210/neyro2008121000053/15912323-realistic-lit-light-bulb-isolated-on-white-vector-illustration.jpg">
<script>
function changeImg() {
var imagen = document.getElementById('bombilla');
/* luego modificalo con tus imagenes.  */
if (imagen.src == "on.gif") {
imagen.src = "off.gif";
} else {
imagen.src = "http://us.cdn2.123rf.com/168nwm/tr3gi/tr3gi1101/tr3gi110100029/8746356-idea-y-solucion--bombilla-encendida-aislada-sobre-fondo-blanco-foto-de-ordinario-encendido-bombilla-.jpg";
}
}
</script>
</body>
 
</html>

Espero te sirva.

Saludos.