Skip to content
Setzt Ihr auf das richtige CMS? Kostenlose online CMS-Check

O plugin Lightbox jQuery ultra leve

Featherlight.js

Featherlight é uma lightbox jQuery muito leve. Confiável por milhares de sites em todo o mundo.

O Plugin Lightbox que os desenvolvedores esperavam

Featherlight é incrivelmente leve — 400 linhas de JavaScript, 100 linhas de CSS, menos de 6 kB no total. Inteligente, responsivo e fácil de estender.

Laptop com lightbox sobre um dashboard de analytics Inteligente & Responsivo

Imagens, Ajax e Iframes

Featherlight suporta imagens, requisições Ajax e iframes — out of the box. Inteligente, responsivo e em produção em centenas de milhares de sites.

Mockup de navegador com camadas de lightbox empilhadas 6 kB · 400 linhas de JS

CSS de baixa especificidade

400 linhas de JavaScript, 100 linhas de CSS — menos de 6 kB no total. Os seletores de baixa especificidade tornam Featherlight fácil de personalizar e de entender.

Editor central com componentes de UI flutuantes data-featherlight

Um atributo, pronto

Adicione um seletor, imagem ou URL Ajax como atributo data-featherlight — Featherlight cuida do resto. Extensível como a Featherlight Gallery para galerias de imagens.

Open source e gratuito no GitHub

Featherlight.js é um projeto open-source do fundador da Noevu, Noël Bossart. Licença MIT, complementado pela extensão Featherlight Gallery para galerias de imagens. Contribuições bem-vindas.

Novos projetos de homepage e recursos

Projetos de websites bem-sucedidos na prática.

Perguntas frequentes sobre Featherlight.js

O que é Featherlight.js?

Featherlight.js é um plugin jQuery lightbox minimalista. Com apenas 400 linhas de JavaScript, 100 linhas de CSS e tamanho total inferior a 6 kB, é uma das soluções de lightbox mais enxutas disponíveis. Suporta imagens, Ajax e iframes prontos para uso.

Qual é a licença do Featherlight?

Featherlight está sob a licença MIT. Isso significa: gratuito para uso privado e comercial, personalizável e sem obrigações. Código-fonte no GitHub.

Featherlight funciona sem jQuery?

Não. Featherlight é projetado como plugin jQuery e requer jQuery 1.7+ como dependência. Para projetos sem jQuery, recomendamos alternativas modernas ou uma abordagem de modal customizado com JavaScript puro.

Como incluo o Featherlight?

Carregue featherlight.css e featherlight.js após o jQuery na sua página. Então um único atributo data-featherlight em um link com alvo de imagem ou Ajax é suficiente — Featherlight cuida do resto. Documentação completa no GitHub.

Posso usar Featherlight para galerias de imagens?

Sim. A extensão Featherlight Gallery adiciona navegação de galeria, gestos de swipe e visualização em miniaturas ao plugin base — mantendo-se fiel ao princípio lightweight.

Quem está por trás do Featherlight?

Featherlight é um projeto open-source de Noël Bossart, fundador da agência de web design suíça Noevu. Em produção em centenas de milhares de sites em todo o mundo desde 2013.