El problema puede ser que el src, al ser interpretado, devuelva la ruta completa de la imagen y no sólo el nombre del archivo. Si, como en tu ejemplo, la imagen está en el mismo directorio, podés usar esto:
Código:
<!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.split('/').pop() == "on.gif") {
imagen.src = "off.gif";
} else {
imagen.src = "on.gif";
}
}
</script>
</body>
</html>
Si en cambio están en diferentes directorios (en el mismo también funcionaría), podrías usar esto otro:
Código:
<!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.indexOf("on.gif")!=-1 ) {
imagen.src = "off.gif";
} else {
imagen.src = "on.gif";
}
}
</script>
</body>
</html>
mauritosuarez: ¿para qué vas a incluir una librería si luego no la usás en tu código. Te sugiero que no hagas las cosas de manera automática.
