13may
12

Alojamiento Wordpress con Soporte

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.

  1. Descargar el script en archivo comprimido y abrirlo en tu ordenador
    Dentro contamos con dos carpetas:

    • images-global
    • js-global
  2. 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).
  3. 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()”>

  4. 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.


Valora este artículo para mejorar la calidad del blog ...

MaloPobreNo está malMe gustaExcelente (sin valoración aún)
Loading...Loading...
65c1373be770468bf39aa18d7450347f
Share

Anúnciese aquí »


  • **Juanito**

    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.

  • Dark_Tairon

    mmm despues de seguir las intruscciones, no me funciona me sigen apareciendo igual las imagenes

  • http://microutopia.com.ar Marcelo

    No me funca =(

  • guss

    no me funciona y por lo que veo a nadien..

    chekalo bien amigo y ai avisas..

  • L'Individu

    deberíais borrar esta entrada ya que este script no funciona

  • http://www.revistapuerto.com.ar diego

    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.

  • Jesus

    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??….

  • Hernandavila

    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

  • Pablo

    Pues yo acabo de hacerlo y funciona. Supongo que tendreis mal las urls de los .js en el header

  • Mauricio

    yo ingrese todo correctamente como se explica, pero me sigue apareciendo la imagen en otra ventana!! ayuda pliss!!

  • wearefighters4internetfreedom

    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.

  • Despilfarro

    Jokinsu ha borrado el artículo … Vaya, vaya …