15 bibliotecas Lightbox para capacidade de resposta móvel

Lightbox é uma maneira popular de sobrepor imagens na web. Quando você clica em uma imagem, o Lightbox aparece com alguma forma de animação e escurece o fundo para que seu foco fique na própria imagem. A imagem também é maior em escala. As bibliotecas JavaScript Lightbox mais populares que conhecemos há anos permitem que você faça isso bem no desktop, mas não tanto nas plataformas móveis.

Negligenciar isso e a necessidade de resposta, não é uma boa ideia hoje em dia, e é por isso que essa coleção de 15 bibliotecas de Lightbox responsivas deve ser verificada..

Mais sobre Hongkiat:

• Criando Janela Modal Facilmente Com Diálogo HTML5
• Top 10 Galerias de Imagens Responsive / Slideshows Gratuitos
• Criar, controlar e personalizar a janela Better Modal do seu site usando o Vex
• galerias de imagens jQuery & Sliders - Best Of

PhotoSwipe

PhotoSwipe é de longe o meu plugin ligthbox favorito. É leve, ativado por toque e, o mais importante, modular, o que me permite descartar algumas peças que não são necessárias. Funciona bem em navegadores móveis. Você pode deslizar as imagens com os dedos como faria em um aplicativo nativo, e a transição é realmente suave.

• Dependência: Nenhum
• Suporte de Navegador: IE8 +, Chrome, Firefox, Safari, Opera e alguns navegadores para dispositivos móveis.
• Licença: Licença MIT

MagnificPopup

MagnificPopup é outro plugin lightbox, desenvolvido pela mesma pessoa que nos deu PhotoSwipe, Dmitry Semenov. Ele vem na forma de um plugin jQuery / Zepto e também traz recursos que estão faltando no PhotoSwipe, como suporte para conteúdo de Video, Map e Ajax. Esta é uma ótima alternativa para aqueles que preferem ter mais recursos na mão.

• Dependência: jQuery 1.9.1+ ou Zepto.js
• Suporte de Navegador: IE7 (parcialmente), IE8 +, Chrome, Firefox, Safari e Opera.
• Licença: Licença MIT

SwipeBox

Swipebox é um plugin jQuery com suporte a gestos de toque para plataforma móvel. Também suporta vídeos do Youtube e Vimeo além de imagens. O Swipebox também é fácil de implementar e possui várias opções para personalizar seu comportamento. Eu acho que o Swipebox é um ótimo plugin lightbox para JavaScript noobs.

• Dependência: jQuery
• Suporte de Navegador: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android e Windows Phone.
• Licença: Indefinido

iLightbox

iLighbox é um plug-in de mesa de luz do jQuery com um amplo suporte a tipos de mídia: incluindo vídeos, Flash / SWF, conteúdo Ajax, iframe e mapas. Este plugin também adiciona botões de mídia social em cima da mídia, permitindo que seus usuários compartilhem com o Facebook, Twitter ou Reddit. Confira também a seção avançada para ver como o iLightbox pode ser aplicado em diferentes cenários.

• Dependência: jQuery
• Suporte de Navegador: IE7 +, Chrome, Firefox, Safari e Opera
• Licença: Indefinido

Lightbox para Bootstrap

Lightbox é uma das peças faltantes do Bootstrap. Este plugin corrige isso. Se você estiver usando o Bootstrap, é altamente recomendável usar essa biblioteca. O plugin está bem integrado com a base de código do Bootstrap.

• Dependência: jQuery e Bootstrap Modal
• Suporte de Navegador: IE8 +, Chrome, Firefox, Safari e Opera
• Licença: Licença GNU

Nivo Lightbox

Nivo Lightbox é um plugin lightbox flexível. Várias opções estão incluídas para alterar a aparência da maneira que você deseja que apareça, como alterar o tema, o efeito de transição e alternar a navegação.

• Dependência: jQuery
• Suporte de Navegador: IE9 +, Chrome, Firefox, Safari e Opera
• Licença: Licença MIT

ImageLightbox

ImageLightbox é um plugin lightbox sem o inchaço. É construído especialmente para a imagem, daí o nome dado - nenhum vídeo ou outro tipo de mídia suportado. Também não requer marcação HTML estranha; a elemento é suficiente. O plugin só funciona.

• Dependência: jQuery
• Suporte de Navegador: IE9 +, Chrome, Firefox, Safari e Opera
• Licença: Indefinido

Mini Lightbox

Outro plugin de lightbox com nenhum dos inchaços. A biblioteca tem apenas 2kb e funciona apenas com imagens. É o plugin perfeito se você designar apenas para o navegador mais recente e não precisar sobrepor outros tipos de mídia, como vídeos.

• Dependência: Nenhum
• Suporte de Navegador: IE10 +, Chrome, Firefox, Safari e Opera
• Licença: Licença MIT

LightCase

Lightcase é um lindo plugin de lightbox. Ele vem com várias animações que tornam a interação do usuário mais viva, como fade, zoom elástico e rolagem. Além disso, também suporta vários tipos de mídia, incluindo o YouTube, vídeos em HTML, SWF e formulários de entrada. O plugin também manipula corretamente a mídia não pode ser alcançado ou encontrou erros

• Dependência: jQuery
• Suporte de Navegador: IE9 +, Chrome, Firefox, Safari e Opera
• Licença: Licença GPL

Yalb

Yalb significa Yet Another Lightbox - mas não é. Yalb vem com um punhado de APIs, incluindo eventos personalizados que permitem identificar estados de lightbox, como quando é abrir e quando é perto. Yalb vem em duas versões, Vanilla JavaScript e plugin jQuery.

• Dependência: Nenhum
• Suporte de Navegador: IE9 +, Chrome, Firefox, Safari e Opera
• Licença: Licença MIT

FeatherLight

O 6kb Featherlight é um plugin simples para desenvolvedores experientes e carrega apenas o essencial. Se você precisar, por exemplo, agrupar a caixa de imagens em uma galeria, inclua a extensão da galeria. Você também pode desenvolver sua própria extensão para que este plugin se encaixe nas necessidades do seu projeto.

• Dependência: jQuery
• Suporte de Navegador: IE8 +, Chrome, Firefox, Safari e Opera
• Licença: Licença MIT

LightLayer

LightLayer é um fácil de usar plugin lightbox. Tem um punhado de opções, métodos JavaScript personalizados e eventos personalizados. o plug-in funciona com imagens, vídeos, mapas e conteúdo externo. O que mais podemos pedir?.

• Dependência: jQuery
• Suporte de Navegador: IE9 +, Chrome, Firefox, Safari e Opera
• Licença: Licença MIT

LightGallery

LightGallery, outro plugin lightbox com muitos recursos adicionados. Ele vem com mais de 20 opções para personalizar os menores detalhes da mesa de luz.

• Dependência: jQuery
• Suporte de Navegador: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android e Windows Phone
• Licença: Licença MIT

FluidBox

Fluidbox é um plugin de lightbox de imagem inspirado em Medium. Ele funciona com imagens sob várias circunstâncias, incluindo imagem flutuante, imagem com absoluto posição, imagens com borda e preenchimento e galerias. Confira como foi construído. Se você precisa de um plugin WordPress, existe um.

• Dependência: jQuery
• Suporte de Navegador: IE9 +, Chrome, Firefox, Safari, Opera
• Licença: Licença MIT

StripJS

StripJS é um plugin exclusivo para lightbox. Em vez de sobrepor a imagem, o plug-in desliza as imagens a partir do lado, para que não bloqueie todo o conteúdo. O StripJS suporta imagem e vídeo.

• Dependência: jQuery
• Suporte de Navegador: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5 ou superior e Android 3+
• Licença: Licença Creative Commons BY-NC-ND 3.0