;  MY LIFE: CAMBIAR IMAGEN AL PASAR EL RATON

17 abril 2011

CAMBIAR IMAGEN AL PASAR EL RATON

Si queremos poner en alguna de nuestras entradas un efecto bonito en cuanto a imágenes se refiere, podemos optar por la opción de poner una foto que cambie a otra cuando pasamos el ratón por encima.
Para ello, simplemente debemos introducir en el cuerpo de la entrada (en la Edición de HTML) o en un gadget HTML-Javascript lo siguiente:

<img src="URL PRIMERA IMG" onmouseover="this.src='URL SEGUNDA IMG';" onmouseout="this.src='URL PRIMERA IMG';"/>


La primera imagen es la que se ve por defecto y la segunda la que aparece cuando pasamos el ratón.


Podéis ver un ejemplo de cómo queda en la foto de aquí abajo.





Recordad que cuanto más parecidos sean los tamaños de ambas fotos mejor quedará el efecto. 

Espero que os guste y os recomiendo que paséis por el blog del que lo he sacado, aunque su creador se ha despedido hoy del blog, espero que nos lo deje abierto por un tiempo. elbalcondejaime.