Lo de antes ya está resulto lo que pasa es que ahora iba ha hacerlo que cuando pasase el mouse por una imagen está se encendiera y bien eso sabia hacerlo con una imagen en toda la web pero al estar 3 imagenes (el semaforo) no se por que pero da fallo
aqui os pongo el codigo que intente
Cita: <html>
<head>
<title>ejercicio avanzado 2</title>
</head>
<script>
function semaforo1()
{
var variable1=document.getElementById('arriba')
if (variable1.src.match("semaforo_rojo.png"))
{
variable1.src="semaforo_apagado.png";
}
else
{
variable1.src="semaforo_rojo.png";
}
}
function semaforo2()
{
var variable2=document.getElementById('medio')
if (variable2.src.match("semaforo_amarillo.png"))
{
variable2.src="semaforo_apagado.png";
}
else
{
variable2.src="semaforo_amarillo.png";
}
}
function semaforo3()
if (variable2.src.match("semaforo_verde.png"))
{
{
variable2.src="semaforo_apagado.png";
}
else
{
variable2.src="semaforo_verde.png";
}
}
</script>
<body>
<center>
<img id="arriba" onMouseOver="semaforo1()" onMouseOut="semaforo1()" src="semaforo_apagado.png" width="190" height="190"></img>
<br/>
<img id="medio" onMouseOver="semaforo2()" onMouseOut="semaforo2()" src="semaforo_apagado.png" width="190" height="190" onMouseOver="semaforo2()"></img>
<br/>
<img id="abajo" onMouseOver="semaforo3()" onMouseOut="semaforo3()" src="semaforo_apagado.png" width="190" height="190" onMouseOver="semaforo3()"></img>
<br/>
</center>
</body>
</html>
me da fallo cuando pongo los tres cuando pongo solo una imagen no no se por que