**No dudes en dejar comentarios o alguna sugerencia** El Blog de J.Guti.: Imagen que cambia

Imagen que cambia

martes, 27 de noviembre de 2007

Según publica hoy el estupemdo blog de Gema@blog, este ejemplo de aplicación "Rollover", que cambia las imagenes al pasar el cursor.
Primeramente nos situamos en la plantilla edición HTML, y justo antes de -/head-, añadimos este código:
<script language="JavaScript" type="text/javascript">

imagenOn = new Image(300,300);

imagenOn.src = "images/avatar2.gif";

</script>

damos aceptar guardando los cambios y a continuación añadimos esto otro en el sitio que queramos ponerlo, bien sea una emtrada o en el sidebar;
<a href= "#" onclick="returnfalse;" onmouseover="document.ejemplo.src='url-imagen';" onmouseout="document.ejemplo.src='url-imagen';">

<IMG name="ejemplo" src="url-imagen-1ª" alt = "ejemplo de rollover"width="300" height="300" border= "0">

</a>

solamente sustituimos donde pone -url.imagen-, por la imagen nuestra: Ejemplo

ejemplo de rollover

Publicado por Guti en 15:40  

Pulsar para oir post hablado

0 comentarios:

Publicar un comentario

 
Comentarios