Hola:
Estoy jugando un poco con javascript, tengo una tabla donde dependiendo de si el mouse está sobre la tabla o si se saca el mouse de la misma, una imagen de un muñeco cambia.
Lo que ocurre es que al inicio la imagen aparece, pero cuando paso el mouse sobre la tabla la imagen no se muestra.
este es el código:
Código PHP:
function PreocuparAlMunieco() {
var imagen;
imagen = document.getElementById("munieco")
imagen.src = "preocupado.png";
imagen.width = "40%";
}
function PonerContentoAlMunieco() {
var imagen;
imagen = document.getElementById("munieco")
imagen.src = "contento.png";
imagen.width = "40%";
}
Código PHP:
<div><img id="munieco" src="contento.png" width="40%" /></div>
<div>
<table width="70%" height="400px" border="1" onmouseover="PreocuparAlMunieco()" onmouseout="PonerContentoAlMunieco()">
</div>
Muchas gracias desde ya.