bloque anuncios 728x15

Agrandar imagen cuando paso el mouse

Otro truco para no poner imágenes grandes que ocupen mucho espacio en tu blog es añadir el efecto para que se amplíe al pasar el cursor por encima de esta.

Así permitirás a los visitantes de tu sitio puedan observar detalladamente las imágenes de tus post, sin tener que descargarlas al ordenado para ampliarlas, o que se habrá el archivo en otra ventana. Además este efecto es muy llamativo.
Puedes colocarlas en todos los post o también armar una combinación añadiéndole a algunos este efecto, otros con el que amplia las imágenes haciendo un clic sobre ellas, y los demás con imágenes comunes.

Para colocarlo simplemente tienes que copiar este código y pegarlo dentro de la entrada.

<img src="URL de la imagen" onmouseover="this.width=400;this.height=300;" onmouseout="this.width=100;this.height=80;" width="100" height="80" />

Las partes del código que debes remplazar son:

Url de la imagen: Con la imagen que elegiste para añadirle el efecto.

El primer width y height del codigo: Con las medidas que quieres que se amplié.

El segundo width y height : Por las medidas que desees que se reduzca.

Los ultimos width y height: Deben ser igual a las medidas anterior, este te indicara como se vera en la pagina.

Width: Es ancho.

Height: Es largo
bloque 336 x 280

Otro truco para no poner imágenes grandes que ocupen mucho espacio en tu blog es añadir el efecto para que se amplíe al pasar el cursor por encima de esta.

Así permitirás a los visitantes de tu sitio puedan observar detalladamente las imágenes de tus post, sin tener que descargarlas al ordenado para ampliarlas, o que se habrá el archivo en otra ventana. Además este efecto es muy llamativo.
Puedes colocarlas en todos los post o también armar una combinación añadiéndole a algunos este efecto, otros con el que amplia las imágenes haciendo un clic sobre ellas, y los demás con imágenes comunes.

Para colocarlo simplemente tienes que copiar este código y pegarlo dentro de la entrada.

<img src="URL de la imagen" onmouseover="this.width=400;this.height=300;" onmouseout="this.width=100;this.height=80;" width="100" height="80" />

Las partes del código que debes remplazar son:

Url de la imagen: Con la imagen que elegiste para añadirle el efecto.

El primer width y height del codigo: Con las medidas que quieres que se amplié.

El segundo width y height : Por las medidas que desees que se reduzca.

Los ultimos width y height: Deben ser igual a las medidas anterior, este te indicara como se vera en la pagina.

Width: Es ancho.

Height: Es largo

0 comentarios :