Lightbox (JavaScript)
| Lightbox | ||
|---|---|---|
 | ||
| Información general | ||
| Tipo de programa | software | |
| Desarrollador | Lokesh Dhakar | |
| Licencia | Licencia Creative Commons Attribution 2.5 | |
| Estado actual | Estable | |
| Idiomas | Inglés | |
| Versiones | ||
| Última versión estable | 2.05 (18 de marzo de 2011 (14 años, 2 meses y 22 días)) | |
| Enlaces | ||
Lightbox, y el más nuevo Lightbox 2, es una aplicación hecha en JavaScript usando el modelo de modal dialogs. Este script ha ganado popularidad y distribución gracias a su simplicidad y elegante estilo, además de su fácil implementación. Lightbox fue hecho desde cero, es decir es un producto original que con el paso del tiempo y las versiones ha agregado utilidad de bibliotecas como Prototype Javascript Framework[1] y script.aculo.us[2] para animación y posicionamiento, además esto ayuda a minimizar el tamaño de Lightbox, gracias a sus dependencias con estas bibliotecas.[3] El lanzamiento de Lightbox inspiro otros proyectos similares, el resultado son productos como Thickbox y el más simple Slimbox.[3]
Cómo funciona
En una página con Lightbox, al hacer clic en una imagen es ampliada en una ventana denominada, ventana Lightbox, que toma toda la pantalla con un fondo transparente para indicar y en el centro dentro de un recuadro que ajusta su tamaño dinámicamente se muestra la imagen ampliada. La imágenes que utilizan Lightbox deben ser identificadas con el atributo “rel” dentro de la etiqueta “img” (ejemplo: rel="lightbox[roadtrip]”), además de solo mostrar la imagen, Lightbox ofrece la opción de agregar títulos a las imágenes, hacer una muestra de diapositivas (Diaporama ó slideshow), que pueden ser recorridas con las flechas el teclado.
Funcionalidad
Lightbox permita a los usuarios ver una versión ampliada de imágenes sin la necesidad de ir a otra página, además de ofrecer una herramienta simple y profesional para el mostrado de imágenes en un sitio web.
Referencias
- ↑ Herrington, Jack D. «Ajax and XML: Ajax for lightboxes». IBM DeveloperWorks. Consultado el 21 de mayo de 2008.
- ↑ Schmitt, Christopher (2006). CSS Cookbook. O'Reilly. pp. p. 204. ISBN 0596527411.
- ↑ a b Resig, John (2006). Pro JavaScript Techniques. Apress. ISBN 1590597273.
Enlaces externos (en inglés)
- Official Lightbox website
- The Lightbox Clones Matrix provides a listing of Lightbox alternatives (clones) in a JavaScript-enhanced tabular format
- Visual Lightbox Wizard app. for creating a LightBox2-based photo galleries in a few clicks
- Explanation of implementing a lightbox effect with CSS and javascript
- Lightbox in MooTools or jQuery