RSS
  • Inicio
  • Sobre Mi
  • Blogger Invitado
  • Suscribirse a Lo Globalizo
  • Contacto

Cambiar una Imágen por otra al Pasar el Mouse

by Francisco | 1 comentarios

Anteriormente vimos como Cambiar un Texto por otro al pasar el cursor del Mouse utilizando el Efecto Hover, ahora les quiero enseñar lo mismo pero utilizando una imágen. 

Te muestro un ejemplo, pasa el cursor de tu mouse por la siguiente imágen.


Basta con que copiemos y peguemos el siguiente código en una Entrada, Página Estática o Elemento HTML.

<img onmouseout="this.src='imágen nro 1';" onmouseover="this.src='imágen nro 2';" src="imágen nro 1" />


Debes sustituir Imágen nro 1 e Imágen nro 2 por las URL respectivas de su alojamiento.

Si bien hay otras maneras de poder hacerlo, esta es la forma más simple, recomiendo que utilices imágenes del mismo tamaño para que quede bien.

Si quieres alinear la imágen puedes utilizar los siguientes códigos de inicio y cierre:
  • Para centrar la Imágen comienza con <center> y cierra </center>
  • Para llevar a la izquierda comienza con <left> y cierra </left>
  • Para llevar a la derecha comienza con <right> y cierra </right>

Si has encontrado útil este artículo puedes compartirlo desde tu blog, página Web o foro.





HTML, Imágenes


1 comentarios:

Anónimo dijo...

Muchisimas gracias, me fue de gran ayuda.

3 de agosto de 2012, 12:26

Publicar un comentario

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja tu nombre y la dirección del mismo.

MANUAL BLOGGER BETA 2011 GRATIS!!

SEGUIDORES

TODO TRUCOS

Trucos Facebook Trucos Gmail Trucos Google Trucos Microsoft Office Trucos Technorati Trucos Twitter Trucos Windows Trucos Youtube

DIRECTORIO

Adsense Alojamiento / Hosting Comentarios Consejos Dinero en Internet. Diseño Enlaces/Links Entradas Etiquetas Feedburner/RSS Flash Gadgets HTML Iconos Sociales Imágenes Información General JavaScript Menús Navidad Plantilla Premios Programas Páginas Estáticas SEO/Posicionamiento Tecnología Temas Básicos Utilidades Blogger

SEGUINOS EN FACEBOOK

Blogs Recomendados

  • Descargo a Full
    Manual De Evaluacion De Impacto Ambiental Larry W. Canter
    Hace 7 años
  • Federico 2.0
Copyright © 2010 Lo Globalizo | Acerca de | Política de Privacidad | Contacto Blogger Credits For