FancyZoom es una herramienta con la cual podemos hacerle Zoom a las imágenes colocadas en nuestro blog o página web. Trabaja con los formatos de imágenes JPG, PNG, GIF, TIFF y BMP. Su instalación es bastante sencilla y de seguidas con el paso a paso:
- Descargamos FancyZoom 1.1.
- Descomprimimos el archivo zip donde viene FancyZoom 1.1.
- Encontraremos dos archivos que son los que necesitaremos para la aplicación del efecto: FancyZoom.js y FancyZoomHTML.js
- Luego subimos, al hosting que utilizemos, dichos archivos para así poder obtener una dirección (URL), de cada uno de ellos, pues las necesitaremos más adelante.
- Luego vamos a insertar, el siguiente código, justo sobre </head>
<script src="http://sites.google.com/site/venezuelansite/archivosjs/FancyZoom.js" type="text/javascript"></script> <script src="http://sites.google.com/site/venezuelansite/archivosjs/FancyZoomHTML.js" type="text/javascript"></script>
- Seguido a éste paso, colocaremos entonces el siguiente código sobre </body>
<body onload="setupZoom();">
Con este último paso concluímos con la instalación de la aplicación de FancyZoom en nuestro blog. Sólo nos queda, para implementar el efecto en las imágenes colocadas en el blog y las que colocaremos el siguiente código, el cual, para tenerlo siempre a mano, lo colocaremos en la plantilla de entrada.
A continuación una demostración del efecto:
Espero les sea de utilidad.
<a href="image.jpg"><img src="image-thumbnail.jpg" /></a>
A continuación una demostración del efecto:
Espero les sea de utilidad.
