Edición de «Lightbox (JavaScript)»

{{Ficha de software
| name                   = Lightbox
| screenshot             = [[Archivo:lightbox2.png|225px]] 	
| caption                = Una página utilizando Lightbox 2.
| desarrollador          = Lokesh Dhakar 
| sitio_web              = [http://lokeshdhakar.com/projects/lightbox2/ Lightbox]
| última_versión         = 2.9.0
| fecha_última_versión   = {{fecha de lanzamiento|30|10|2016}} 
| Sistema operativo      = [[Multiplataforma]]
| idiomas                = [[Idioma inglés|Inglés]]
| estado                 = Estable
| licencia               = [[Licencias Creative Commons|Licencia Creative Commons Attribution 2.5]]
| sitio web              = http://www.lokeshdhakar.com/projects/lightbox2/
}}
'''Lightbox''', y el más nuevo '''Lightbox 2''', es una aplicación hecha en [[JavaScript]] usando el modelo de [[Modal window|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]]<ref name="Herrington">{{cita web | apellido = Herrington | nombre = Jack D | fecha = | título = Ajax and XML: Ajax for lightboxes | obra = [[IBM DeveloperWorks]] | url = http://www.ibm.com/developerworks/library/x-ajaxxml6/ | fechaacceso = 21 de mayo de 2008 }}</ref> y [[script.aculo.us]]<ref name="Schmitt">{{cita libro | apellidos = Schmitt | nombre = Christopher | año = 2006 | título = CSS Cookbook | editorial = [[O'Reilly]] | isbn = 0596527411 | páginas = p. 204 }}</ref>  para animación y posicionamiento, además esto ayuda a minimizar el tamaño de Lightbox, gracias a sus dependencias con estas bibliotecas.<ref name="Resig">{{cita libro | apellidos = Resig | nombre = John | año = 2006 | título = Pro JavaScript Techniques | editorial = [[Apress]] | isbn = 1590597273 }}</ref> El lanzamiento de Lightbox inspiró otros proyectos similares, el resultado son productos como Thickbox y el más simple Slimbox.<ref name="Resig" />

== 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:<ref>{{Cita web|url=https://www.lokeshdhakar.com/projects/lightbox2|título=Lightbox|fechaacceso=21 de octubre de 2018|apellido=Dhakar|nombre=Lokesh|sitioweb=www.lokeshdhakar.com|idioma=en-us}}</ref>

* [[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 ==
{{listaref}}

== Enlaces externos (en inglés) ==
* [http://lokeshdhakar.com/projects/lightbox2/ Official Lightbox website]
* [http://planetozh.com/projects/lightbox-clones/ The Lightbox Clones Matrix] proporciona una lista de alternativas de Lightbox (clones) en un formato tabular mejorado con JavaScript.
* [http://visuallightbox.com/ Visual Lightbox] Asistente de aplicación. Para crear galerías de fotos basadas en LightBox2 en unos pocos clics. 
* [https://web.archive.org/web/20160304082835/http://www.webdev-tutorials.com/?p=59%2F Explanation of implementing a lightbox effect with CSS and javascript]

{{Control de autoridades}}
[[Categoría:JavaScript]]
[[Categoría:Web 2.0]]
[[Categoría:AJAX]]