FancyZoom: Efecto zoom para tus galerías de imágenes


FancyZoom es un código JavaScript que permite aumentar y disminuir el tamaño de cualquier imagen de forma dinámica en una página web. Muy fácil de usar, la librería consigue un efecto de zoom muy atractivo que se consigue al enlazar una imagen en miniatura con su correspondiente versión en tamaño original.

Sus escasos requerimientos hacen que sea sumamente sencillo implementarlo en tu sitio web. Ahora ya no hará falta abrir las imágenes de tu página web o blog en una nueva pestaña del navegador, sino que podrás ampliarlas.

FancyZoom se puede instalar con solo agregar dos líneas de código a tu sitio web, y también hay disponible un plugin para WordPress. El script es compatible con Safari, Internet Explorer 6 y 7, Firefox y ahora Opera.

Principales características:

  • Escala la imagen automáticamente desde cualquier enlace a una imagen, sin cambios en el HTML;
  • Precarga las imágenes en tamaño real en segundo plano;
  • Dibuja una sombra debajo de la imagen a tamaño completo;
  • Requiere solo dos líneas de código en el HTML;

Es muy sencilla de implementar, solo hay que bajar un archivo que solo ocupa 53KB y en su sitio encontrarás toda la documentación necesaria. Basta copiar el contenido de la librería al directorio raíz de tu servidor y añadir tres líneas al código fuente de la página donde quieras utilizar FancyZoom. Agregando la propiedad ‘title’ a la etiqueta ‘a href’ es posible añadir un texto a modo de título que se mostraá en la imagen cuando se haga zoom en ella.

La librería es gratuita para uso no comercial.

Puedes descargar la herramienta AQUI


One response to this post.

  1. Posted by Édgar MT on septiembre 26, 2008 at 12:40 pm

    Se puede adherir a blogger?

    Responder

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: