martes, 19 de octubre de 2010

Engrandir imatge en passar el cursor

Per a fer l'efecte, pegarem el següent códi en el lloc que vulguem que es mostre la nostra imatge en una entrada (en la pestanya  Edicion HTML, i no en Redactar)
 
<img onmouseout="this.width=200;this.height=150;" onmouseover="this.width=400;this.height=300;" src="URL de la imagen"/>

Recorda: width és l'ample i height és l'alt.
 
Canvis a realitzar:
  • En URL de la imatge, posar la ruta de la imatge(en la seua grandària normal).
  • Els width i height que estan en color verd són l'ample i alt de la imatge en grandària xicoteta.
  • I els width i height que estan en color roig són les mesures a les quals es va engrandir la imatge en passar el cursor.

No hay comentarios:

Publicar un comentario