Ampliar una Imágenen con sólo pasar el mouse por encima
Un truco para no tener que poner imágenes tan grandes que ocupen mucho espacio en tu blog y no vaya tan pesado solo vasta añadir este efecto para que se amplíe al pasar el cursor por encima de esta para que se amplíe a nuestro gusto.
Así permitirá a todos los visitantes de tu sitio puedan observar mas detalladamente las imágenes de tus post, sin tener que descargarlas al ordenado tan grndes o para ampliarlas. Además este efecto es muy llamativo.
Puedes colocarlas en todos los post o también hacer una combinación añadiéndole algunos este efecto, otros con el que amplia las imágenes haciendo un clic sobre ellas, y los demás con imágenes comunes.
Aquí puedes ver el Efecto
Aquí puedes ver el Efecto
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" />
Configuración:
Las partes del código que debes remplazar son:
Url de la imagen: Con la imagen que elegiste para añadirle el efecto: URL de la imagen
El primer width y height del codigo: Con las medidas que quieres que se amplié: this.width=400;this.height=300;
El segundo width y height : Por las medidas que desees que se reduzca; this.width=100;this.height=80;
Los ultimos width y height: Deben ser igual a las medidas anterior, este te indicara como se vera en la pagina: width="100" height="80" />
(Recordad ponerlo en Modo HTLM) ("no" en Redactar)
Width: Es ancho.
Height: Es Alto
Fecha:21/04/2018
Publicado por:
