Mostrando las entradas con la etiqueta trucos de imagenes. Mostrar todas las entradas
Mostrando las entradas con la etiqueta trucos de imagenes. Mostrar todas las entradas

lunes, 13 de mayo de 2013

Efecto Simple De Mouseover Para Imagenes De Blog

Leave a Comment
Image01
En este Tutorial te ensenare como anadir efecto cuando pones el cursor sobre una imagen esta cambia a otra imagen luego regresa a la original.Solo anadiendo un codigo a la imagen de tu blog.
Sigue los siguientes pasos y lograras este efecto especial sobre tu imagen que escojas.

Simple Codigo para Efecto de Mouseover para  Imagenes de Tu Blog

Codigo

<img alt="Image01" onmouseout="this.src='imagen 1'" onmouseover="this.src='imagen 2'" src="Imagen 2" />


Nota: Reemplace imagen 1, Imagen 2 con la URL de tu imagen


Mira el siguiente ejemplo:


<img alt="Image01" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfb3xDyG32eIhixomtbhi2yRnJ-ZYFAT6E62DTvsFxdyiDBrfPblpIykh65eBEjwSge18XS6oj4ecf_-gqneyG7U-II81pB-kI1c3QAQd63eqNq2wHUnZZBlCejs1nfXH-sb7UulFH7cw/'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikryIBPmlQxsEYkZa2o54mJmsdyF2HmrAVINPVzqj6SLVzvJ3iTnumxgBlvG_S8SGu5CgPzIJ4SPHw3fuX1QAGRz-dVhYRiKUFeFAjIEhdhisy0FFS66Rks7PpYnyDIQATO0CSbK7Ts4/'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfb3xDyG32eIhixomtbhi2yRnJ-ZYFAT6E62DTvsFxdyiDBrfPblpIykh65eBEjwSge18XS6oj4ecf_-gqneyG7U-II81pB-kI1c3QAQd63eqNq2wHUnZZBlCejs1nfXH-sb7UulFH7cw/" />

Listo a Disfrutar
Read More