Me gustaría cambiar el mundo, pero no encuentro el código fuente

Etiqueta: imagenes

Zoom a las imágenes en WordPress

Si quieres que tus imágenes sean aumentadas en tu Blog de WordPress con un impresionante Zoom, solo debes instalar el siguiente plugin:

wp-fancyzoom

Conseguirás un efecto como este:

Imagen Aumentada tipo Zoom

Haz Click a la Imagen

Si no dispones de WordPress, estas de suerte. Puedes conseguir este mismo efecto siguiendo esta guía

Continue Reading

Efecto Zoom con movimiento en las imágenes, el mejor que hayáis podido ver.

Seguramente, muchos de las personas que estén visitando el blog y hayan apretado en una imagen, se estarán preguntando que es lo que estoy utilizando para que tenga este efecto de zoom.

Pues no busqueis un plugin, porque no lo encontrareis.

Hay plugins que dicen hacer lo que hago aquí, pero no se acercan ni remotamente.

En Primer lugar, bajaros este archivo.

En el encontrareis dos carpetas:

images-global

js-global

Estas carpetas, las debeis colocar en vuestro directorio raiz.

Una vez que las tengas colocadas, deberemos hacer las llamadas necesarias desde nuestro Theme.

Para ellos, editaremos el archivo header.php

Justo antes de la etiqueta </head>

Deberemos poner:
[XML]

[/XML]

También deberemos modificar la etiqueta cambiandolo por:

[XML]

[/XML]

Podría ser que nuestra etiqueta , no se llamara exactamente así, si no que fuera algo parecido a esto:

[XML]
<body >
[/XML]

En este caso, deberiamos poner, basandonos en el ejemplo anterior:

[XML]
<body onload=”setupZoom()”>
[/XML]

y ya está, ya que el script que hemos colocado, hace las llamadas automáticamente, así que no hace falta que hagamos ninguna modificación a nuestras imágenes ni añadir nada a nuestras imágenes cuando las insertemos en el blog, todo es automático.

Eso sí, aseguraros que ponéis un título a la imagen si queréis que salga el banner inferior con la explicación, es decir, en la imagen inferior, que pone, Imagen Aumentada tipo Zoom, quizás uno de los mejores efectos con fotos, si mirásemos el código de la foto, veríamos que pone:

[XML]
Imagen Aumentada tipo Zoom
[/XML]

El código de la foto, debe tener title para que salga el banner gris oscuro, si no no sale
El resultado de esto es el siguiente, haz clic en la imagen:

Imagen Aumentada tipo Zoom

Continue Reading