Efecto Zoom a las imágenes del Blog
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
bodyque está justo debajo añadironload=”setupZoom()”:
<body onload=”setupZoom()”>
- El script de Fancy Zoom justo antes de el </head>:
- 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.
Bitacoras
RSS
Blog EntreBlogs
Bocabit
Buscando Libertad
CiberPrensa
El Blog de
KnxDT
FreebsArg
Galaxia Blog
Ideas Geek
iPhoniac
Soy Plastic
Tecnodiva
Todos los Como
Verdadera Seducción
Muy bueno, lo quise probar pero no pude porque en mi plantilla tengo problemas con el código, como no puedo poner el código acá lo publico en el foro.
Saludos.
mmm despues de seguir las intruscciones, no me funciona me sigen apareciendo igual las imagenes
No me funca =(