Tratamiento de Imágenes
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>