Lightbox (script)

Lightbox é uma técnica de JavaScript que cria uma janela secundária do tipo modal, sobreposta ao site ou janela principal usada para exibir conteúdos web ou multimídia sem a necessidade de redirecionamento para outra janela principal, abertura de janela popup e de recarregar a janela principal após o uso do lightbox.^[1][2]

No lightbox o conteúdo é exibido em qualquer área da tela e o fundo restante da área sobreposta normalmente é escurecido por uma camada semi-transparente,^[3] bloqueando qualquer interação na janela principal até que a lightbox seja encerrada.

História

O termo Lightbox era originalmente o nome de um plugin JavaScript específico, escrito por Lokesh Dhakar.^[4] Originalmente usava duas bibliotecas JavaScript tipo framework, chamadas de Prototype e Script.aculo.us,^[5][6] para implementar animações de abertura e posicionamento. Em abril de 2012, o plugin foi reescrito para jQuery.^[7] A técnica ganhou popularidade devido ao estilo simples, mas elegante e de fácil implementação.

Referências

1. Márcio d'Ávila (8 de dezembro de 2006). «Janela modal na web». mhavila. Consultado em 2 de fevereiro de 2017
2. Alexandre Magno. (8 de dezembro de 2006). «Javascript para o Bootstrap». Github. Consultado em 2 de fevereiro de 2017
3. «Best Application Designs» (em inglês). Nielsen Norman Group. 23 de abril de 2012. Consultado em 13 de fevereiro de 2015
4. Lokesh Dhakar. «Lightbox JS by Lokesh Dhakar» (em inglês). Lokesh Dhakar. Consultado em 13 de fevereiro de 2015
5. Herrington, Jack D. «Ajax and XML: Ajax for lightboxes». IBM DeveloperWorks. Consultado em 13 de fevereiro de 2015
6. Schmitt, Christopher (2006). O'Reilly, ed. CSS Cookbook. [S.l.: s.n.] 204 páginas. ISBN 0-596-52741-1
7. Dhakar, Lokesh. «Lightbox2». Consultado em 13 de fevereiro de 2015