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.9.0 (30 de octubre de 2016 (9 años, 9 meses y 10 días))
Enlaces
[editar datos en Wikidata]

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 inspiró 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. Las 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 o slideshow), que pueden ser recorridas con las flechas el teclado.

Funcionalidad

Lightbox permite 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 mostrar imágenes en un sitio web.

Soporte

El Lightbox 2 fue testeado en los siguientes navegadores:[4]​

  • Internet Explorer: El archivo lightbox-plus-jquery.js incluye jQuery v2.x y admite Internet Explorer 9+. Si desea utilizar también IE 6, 7 y 8, deberá utilizar su propia copia de jQuery v1.x con lightbox.js.
  • Chrome
  • Safari
  • Firefox
  • iOS Safari
  • iOS Chrome
  • Android Browser
  • Android Chrome
  • Opera

Referencias

  1. ↑ Herrington, Jack D. «Ajax and XML: Ajax for lightboxes». IBM DeveloperWorks. Consultado el 21 de mayo de 2008. 
  2. ↑ Schmitt, Christopher (2006). CSS Cookbook. O'Reilly. pp. p. 204. ISBN 0596527411. 
  3. ↑ a b Resig, John (2006). Pro JavaScript Techniques. Apress. ISBN 1590597273. 
  4. ↑ Dhakar, Lokesh. «Lightbox». www.lokeshdhakar.com (en inglés estadounidense). Consultado el 21 de octubre de 2018. 

Enlaces externos (en inglés)

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.