Cambiar imágenes al pasar el cursor

Como ya hemos comentado en otros post, podemos jugar mucho con las imágenes en nuestras entradas.
Una de las formas que comentamos es este otro post, era hacer que nuestras imágenes proyectarán una sombra, ampliándola en el momento que pasamos el ratón.
Pero hoy solo vamos a hablar de poner solo una código script en nuestras entradas podemos ampliar cualquier imagén.
Lo primero que tenemos que irnos a nuestras entradas y en la edición HTML pegamos este código:

<img src="Url de nuestra imagen" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="100" />
Cambiamos lo marcado en azul, por la url de nuestra imagen, y ya lo tenemos.
Cada vez que visiten nuestros post, verán como cambian nuestras imágenes de tamaño cuando pasen el ratón.




 

Publicar un comentario

Deje su comentario y si tiene alguna duda en breve la cintestaremos.
Gracias

Artículo Anterior Artículo Siguiente