Lightbox (script): diferenças entre revisões
Conteúdo apagado Conteúdo adicionado
m Página marcada como sem notas, usando FastButtons |
+ fontes |
||
| Linha 1: | Linha 1: | ||
'''''Lightbox''''' é uma técnica de [[JavaScript]] usada para exibir imagens e outros conteúdos web semelhante a uma janela modal onde a imagem é mostrada em quase toda a área da tela e o fundo da área restante é escurecido.<ref name="Bea">{{Citar web | url=http://www.nngroup.com/articles/best-application-designs/|título=Best Application Designs|acessodata=13/2/2015|autor=|data= 23/4/2012|formato= |publicado= Nielsen Norman Group|páginas=|língua=inglês|citação=}}</ref> O termo ''Lightbox'' era originalmente o nome de um plugin JavaScript específico, escrito por Lokesh Dhakar.<ref name=" Lightboxr">{{Citar web | url=http://lokeshdhakar.com/projects/lightbox/|título= Lightbox JS by Lokesh Dhakar|acessodata=13/2/2015|autor=Lokesh Dhakar|data= |formato= |publicado= Lokesh Dhakar|páginas=|língua=inglês|citação=}}</ref> |
|||
{{sem notas|data=outubro de 2014}} |
|||
'''Lightbox''' é uma das galerias de imagens mais populares e uma das primeiras a existir. Seu efeito, ao se clicar no link específico, é escurecer a tela e abrir a imagem linkada flutuando na frente da página. |
|||
A técnica ganhou popularidade devido ao estilo simples, mas elegante e de fácil implementação. O plugin Lightbox original usava duas bibliotecas JavaScript, a Prototype Javascript Framework<ref name="Herrington">{{citar web | sobrenome= Herrington | nome= Jack D | data = | título= Ajax and XML: Ajax for lightboxes | obra = IBM DeveloperWorks | url = http://www.ibm.com/developerworks/library/x-ajaxxml6/ | acessodata = 13/2/2015 }}</ref> e script.aculo.us,<ref name="Schmitt">{{citar livro| sobrenome = Schmitt | nome = Christopher | ano = 2006 | título = CSS Cookbook | editor= O'Reilly | isbn = 0-596-52741-1 | pages = 204 }}</ref> por suas animações e posicionamento. Em abril de 2012, o plugin foi reescrito para [[jQuery]].<ref>{{citar web | acessodata=13/2/2015 | nome=Lokesh | sobrenome=Dhakar | título=Lightbox2 | url=http://lokeshdhakar.com/projects/lightbox2/}}</ref> |
|||
Para usá-la, baixa-se os arquivos da Lightbox, anexa-se três arquivos [[JavaScript]] a seu site e linka-se uma folha de estilos CSS que formata a galeria de imagens. |
|||
{{Referências}} |
{{Referências}} |
||
| ⚫ | |||
*{{citar web |url=http://books.google.com.br/books?id=HQcFAAAAQBAJ |título=New Perspectives on JavaScript and AJAX, Comprehensive |acessodata=26 de outubro de 2014 |data=2009 |formato= |publicado=[[Google Books]] |língua=inglês}} |
*{{citar web |url=http://books.google.com.br/books?id=HQcFAAAAQBAJ |título=New Perspectives on JavaScript and AJAX, Comprehensive |acessodata=26 de outubro de 2014 |data=2009 |formato= |publicado=[[Google Books]] |língua=inglês}} |
||
*{{citar web |url=http://books.google.com.br/books?id=CxY3lNQTATQC |título=JavaScript: The Missing Manual |acessodata=26 de outubro de 2014 |data=21 de julho de 2008 |formato= |publicado=[[Google Books]] |língua=inglês}} |
*{{citar web |url=http://books.google.com.br/books?id=CxY3lNQTATQC |título=JavaScript: The Missing Manual |acessodata=26 de outubro de 2014 |data=21 de julho de 2008 |formato= |publicado=[[Google Books]] |língua=inglês}} |
||
{{Título em itálico}} |
|||
| ⚫ | |||
* {{Oficial|http://lokeshdhakar.com/projects/lightbox2|en}} |
|||
[[Categoria:Bibliotecas JavaScript]] |
[[Categoria:Bibliotecas JavaScript]] |
||
Revisão das 18h56min de 13 de fevereiro de 2015
Lightbox é uma técnica de JavaScript usada para exibir imagens e outros conteúdos web semelhante a uma janela modal onde a imagem é mostrada em quase toda a área da tela e o fundo da área restante é escurecido.[1] O termo Lightbox era originalmente o nome de um plugin JavaScript específico, escrito por Lokesh Dhakar.[2]
A técnica ganhou popularidade devido ao estilo simples, mas elegante e de fácil implementação. O plugin Lightbox original usava duas bibliotecas JavaScript, a Prototype Javascript Framework[3] e script.aculo.us,[4] por suas animações e posicionamento. Em abril de 2012, o plugin foi reescrito para jQuery.[5]
Referências
- ↑ «Best Application Designs» (em inglês). Nielsen Norman Group. 23 de abril de 2012. Consultado em 13 de fevereiro de 2015
- ↑ Lokesh Dhakar. «Lightbox JS by Lokesh Dhakar» (em inglês). Lokesh Dhakar. Consultado em 13 de fevereiro de 2015
- ↑ Herrington, Jack D. «Ajax and XML: Ajax for lightboxes». IBM DeveloperWorks. Consultado em 13 de fevereiro de 2015
- ↑ Schmitt, Christopher (2006). O'Reilly, ed. CSS Cookbook. [S.l.: s.n.] 204 páginas. ISBN 0-596-52741-1
- ↑ Dhakar, Lokesh. «Lightbox2». Consultado em 13 de fevereiro de 2015
Ligações externas
- «New Perspectives on JavaScript and AJAX, Comprehensive» (em inglês). Google Books. 2009. Consultado em 26 de outubro de 2014
- «JavaScript: The Missing Manual» (em inglês). Google Books. 21 de julho de 2008. Consultado em 26 de outubro de 2014