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.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación es de hace 3 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.
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 =(
no me funciona y por lo que veo a nadien..
chekalo bien amigo y ai avisas..
deberíais borrar esta entrada ya que este script no funciona
muchachos el script funciona, yo le eh echo funcionar, les comento lo siguiente, perdi 5 hs aprox intentando hacerlo andar en mi maquina en mi servidor apache, no entiendo bien por que, pero en el hosting cuando lo subi como ultima alternativa si funciono, evidentemente mi apache no procesa los javascript.
Saludos.
Q onda, a mi si me funciona… XD, solo un problemita, cuando le doy a la imagen me abre la imagen grande en otra pagina, como le hago para q aparezca en la misma pagina??….
La verdad… no funciona, al menos con esas instrucciones. En el header del theme intenté modificar las direcciones y nada. Probe con / y con ./ y con ../ y …/ y ./././blabla bla y nada
Pues yo acabo de hacerlo y funciona. Supongo que tendreis mal las urls de los .js en el header
yo ingrese todo correctamente como se explica, pero me sigue apareciendo la imagen en otra ventana!! ayuda pliss!!
O sea, es que no tenéis ni PUTA IDEA!!!
El script funciona a las mil maravillas y doy gracias al autor por él.
Saludos.
Jokinsu ha borrado el artículo … Vaya, vaya …