TRATAMIENTO DE IMÁGENES
Al pasar el ratón por encima de la imagen de la derecha podrás observar que cambia la imagen. Para lograr esto debemos tener dos imágenes distintas:
La imagen que se verá normalmente [figura1.gif - Imagen activada] y la que podrá verse cuando el ratón pasa por encima [figura2.gif -Imagen desactivada].
Para que el script funcione, [figura1.gif - Imagen activada] debe ser un enlace [en nuestro caso, A HREF=" xxx.html "] .
Para permitir al script su identificación posterior, debemos "nombrar" nuestra imagen: NAME="prueba".
<HTML>
<HEAD>
<TITLE> Cambio de Imágenes</TITLE>
<SCRIPT LANGUAGE="JavaScript">
if (document.images) {
var activado=new Image();
activado.src=" figura1.gif ";
var desactivado=new Image();
desactivado.src=" figura2.gif ";
}
function activar(portal) {
if (document.images) {
document[portal].src=activado.src; }
}
function desactivar(portal) {
if (document.images) {
document[portal].src=desactivado.src;}
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF=" xxx.html "
onMouseOver="activar('prueba');"
onMouseOut="desactivar('prueba');">
<IMG NAME="prueba" SRC=" figura2.gif " BORDER=0>
----------------
</BODY>
</HTML>