Efecto Zoom a las imágenes del Blog

Publicado por Fernando Tellado el 13 May, 2008

JokinSu ha publicado un estupendo tutorial del script FancyZoom que te permite aplicar un fantástico efecto de zoom “onpage” en tu blog WordPress. Como el proceso no es el habitual, al no ser un plugin en realidad, es vital disponer de estas instrucciones que JokinSu ha traducido.

Descargar el script en archivo comprimido y abrirlo en tu ordenador
Dentro contamos con dos carpetas:
- images-global
- js-global
Subimos a nuestro servidor las dos carpetas que tenemos dentro de la carpeta FancyZoom 1.1 al directorio raiz de nuestro blog, no a la carpeta de Plugins, que no lo es, sino a la misma carpeta donde subiste WordPress (vamos, donde veas el fichero wp-config.php).
En el archivo header.php de nuestro theme (wp-content/themes/mi_theme/header.php) tenemos que añadir dos cosas:
- El script de Fancy Zoom justo antes de el </head>:
  <script src=”/js-global/FancyZoom.js” type=”text/javascript”></script> <script src=”/js-global/FancyZoomHTML.js” type=”text/javascript”></script> </head>
- En la etiqueta body que está justo debajo añadir onload=”setupZoom()”:
  <body onload=”setupZoom()”>
Vamos, que como todo está junto, nos quedaría algo así:
<script src=”/js-global/FancyZoom.js” type=”text/javascript”></script> <script src=”/js-global/FancyZoomHTML.js” type=”text/javascript”></script> </head> <body onload=”setupZoom()”>

¡Listo! Cualquier imagen que se añada en las entradas y que tenga un link a la imagen original de mayor tamaño será aumentada al hacer clic sobre ella. El efecto es espectacular, pero como todo script hará que tarde mas en cargar tu página, debes tenerlo en cuenta.

Si te gusta este contenido prueba tambien a suscribirte al canal en YouTube.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.