Truco HTML - Al Pasar el Puntero Sobre una Imagen

Este truco HTML permite que al pasar el puntero del mouse sobre la una imagen, esta última cambie por otra. Es un buen truco para hacer menús o colocar efectos a imágenes especiales de nuestro blog (iconos de descarga, suscripción, etc) por ejemplo:

Premium

Premium

Premium


Opción 1: Efecto
Código
<img src="Imagen Estándar" alt="Premium" onmouseover="this.src='Imagen que cambia'" onmouseout="this.src='Imagen Estándar'" height="Alto de a Imagen" width="Ancho de la Imagen">

Opción 2: Efecto + Link
Código
<a href="Enlace"><img src="Imagen Estándar" alt="Premium" onmouseover="this.src='Imagen que cambia'" onmouseout="this.src='Imagen Estándar'" height="Alto de la imagen" width="Ancho de la Imagen"></a>

Mostrar Palabras Claves de esta Entrada
efectos de las imágenes, trucos htmlo, trucos html de imágenes, imagen escondida que aparece al pasar el mouse, imágenes aleatorias, truco html para hacer menus minimalistas, efecto en las imágenes, premium, coloco una imagen se oculta y aparece otra al alejar el mouse se quita y aperece el mejor truco para imágenes de nuestro blog, crear un boton animado, crear animaciones gif con truco html, imagen personalizada, decoración de imágenes

3 Comentarios:

Franz dijo...

:-D:-D:-D:-D
buen truco ajaja.... pero ya hace tiempo q no posteabas.. ya t habia olvidado....

Anónimo dijo...

excelente bien bienn!!..

Anónimo dijo...

esta muy sencilla su explicacion para entenderla

Publicar un comentario

Blog Archivador Contenido 100% Gratuito a tu alcance. Comentar es agradecer.

:-) :-S :-G :-[ :-D }:-] X* ;-D :-| :-P :*) :-( ;-) XD