Hola!
Estoy usando javascript y necesito sustituir una imagen por otra cuando el raton pase por encima de la misma.
El fallo que tengo, es que me falla la precarga de la imagen. Estas son las lineas que tengo colocadas en el HEAD:
<script language="JavaScript" type="text/JavaScript">
portadaInfo = new Image(400,7);
portadaInfo = "../imagenes/box-top.gif";
transparente = new Image(400,7);
transparente = "../imagenes/transparente.gif";
</script>
Despues en el body tengo una funcion que se activa al producirse el evento onMouseOver:
function mostrarInfo(seccionMenu){
if(seccionMenu=='portadaInfo'){
document.images['descripcion'].src = portadaInfo.src;
alert(portadaInfo.src);
}
}
Cuando esta se ejecuta el alert muestra el mensaje "undefined", lo que quiere decir que la imagen no se ha cargado bien.
Os puedo adegurar que la ruta de la imagen es correcta,
¿Que puede estar pasando?
Os agradeceria vuestra respuesta, llevo toda la tarde dandole vueltas y no encuentra solucion.
Un saludo