Technology, Knowledge and More | Atrum: [HTML] Cambiar imágen al pasar el puntero encima

Suscríbete a mi blog:

Seguidores

Team

Geost
Editor en Jefe
Cuellito
Cuellin
Colaborador
Cuellito
Kira
Colaborador
kira
Saeta
Colaborador
darksaeta
David
Colaborador
inactivo
sábado, 22 de enero de 2011

[HTML] Cambiar imágen al pasar el puntero encima

Este código sirve pa que cuando pasemos el cursor encima de una imágen esta se cambie por otra:

<img
src="imagen1
onmouseover="this.src='imagen2'"
onmouseout="this.src='imagen1'"
/>
Les voy a demostrar el funcionamiento del código con un camaleón =D
 
Las imágenes podrán ser cualquier formato jpg, gif, png que hayan subido previamente.

La imagen1 es la imágen que se visualizará por defecto.

camaleon1


La imágen2 es la imágen que se visualizará cuando pasen el puntero del mouse por encima.
camaleon2

Resultado

fusion camaleon

  • Nota: Si usan blogger, en la vista previa es posible que no se vea el efecto, pero cuando se publica ya funciona.
  • Otra Nota:  El cambio de imágenes se dará mas rapido si usan imágenes subidas por medio de blogger

0 comentarios:

Labels

Blogumulus by Roy Tanck and Amanda Fazani