15 librerie lightbox per la reattività dei dispositivi mobili

Lightbox è un modo popolare per sovrapponi le immagini sul web. Quando fai clic su un'immagine, la Lightbox viene visualizzata con una forma di animazione e attenua lo sfondo in modo che l'attenzione si concentri sull'immagine stessa. L'immagine è anche più grande in scala. Le più famose librerie di lightbox di Lightbox che conosciamo da anni ti consentono di farlo bene sul desktop, ma non tanto sulle piattaforme mobili.

Trascurare questo, e la necessità di reattività, non è una buona idea al giorno d'oggi, motivo per cui questa raccolta di 15 librerie di Lightbox reattive deve essere verificata.

Altro su Hongkiat:

• Creazione di una finestra modale facilmente con la finestra di dialogo HTML5
• Le prime 10 gallerie di immagini reattive gratuite / presentazioni
• Crea, controlla e personalizza la finestra modale migliore per il tuo sito usando Vex
• jQuery Gallerie di immagini e cursori - Best Of

PhotoSwipe

PhotoSwipe è di gran lunga il mio plugin per ligthbox preferito. È leggero, abilitato al tocco e, soprattutto, modulare, che consente di abbandonare alcune parti che non sono necessarie. Funziona bene nei browser mobili. Puoi scorrere le immagini con le dita come faresti con un'app nativa e la transizione è davvero fluida.

• Dipendenza: Nessuno
• Supporto del browser: IE8 +, Chrome, Firefox, Safari, Opera e un paio di browser per dispositivi mobili.
• Licenza: Licenza MIT

MagnificPopup

MagnificPopup è un altro plugin lightbox, sviluppato dalla stessa persona che ci ha dato PhotoSwipe, Dmitry Semenov. Si presenta sotto forma di un plug-in jQuery / Zepto e offre anche funzionalità che mancano in PhotoSwipe, come il supporto per i contenuti Video, Mappa e Ajax. Questa è un'ottima alternativa per coloro che preferiscono avere più funzioni a portata di mano.

• Dipendenza: jQuery 1.9.1+ o Zepto.js
• Supporto del browser: IE7 (parzialmente), IE8 +, Chrome, Firefox, Safari e Opera.
• Licenza: Licenza MIT

SwipeBox

Swipebox è un plugin jQuery con supporto touch gesture per piattaforma mobile. Supporta anche i video di Youtube e Vimeo oltre alle immagini. Swipebox è anche decisamente facile da implementare e ha una manciata di opzioni per personalizzare il suo comportamento. Penso che Swipebox sia un ottimo plugin lightbox per i noob JavaScript.

• Dipendenza: jQuery
• Supporto del browser: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android e Windows Phone.
• Licenza: Non definito

iLightbox

iLighbox è un plugin jQuery lightbox con un ampio supporto di tipi di media: inclusi video, Flash / SWF, contenuto Ajax, iframe e mappe. Questo plugin aggiunge anche i pulsanti dei social media in cima ai media, consentendo agli utenti di condividerlo con Facebook, Twitter o Reddit. Consulta anche la sezione avanzata per vedere come iLightbox può essere applicato in diversi scenari.

• Dipendenza: jQuery
• Supporto del browser: IE7 +, Chrome, Firefox, Safari e Opera
• Licenza: Non definito

Lightbox per Bootstrap

ID è uno dei pezzi incredibilmente mancanti di Bootstrap. Questo plugin risolve questo. Se stai utilizzando Bootstrap, ti consiglio vivamente di utilizzare questa libreria. Il plugin è ben integrato con il codice base di Bootstrap.

• Dipendenza: jQuery e Bootstrap Modal
• Supporto del browser: IE8 +, Chrome, Firefox, Safari e Opera
• Licenza: Licenza GNU

Lightbox Nivo

Lightbox Nivo è un plugin lightbox flessibile. Sono incluse diverse opzioni per cambiare l'aspetto nel modo in cui ti piace che appaia, come cambiare il tema, l'effetto di transizione e cambiare la navigazione.

• Dipendenza: jQuery
• Supporto del browser: IE9 +, Chrome, Firefox, Safari e Opera
• Licenza: Licenza MIT

ImageLightbox

ImageLightbox è un plugin lightbox senza il bloat. È stato creato appositamente per l'immagine, quindi il nome fornito - nessun tipo di video o altro supporto supportato. Inoltre non richiede il markup HTML estraneo; il l'elemento è sufficiente Il plugin funziona.

• Dipendenza: jQuery
• Supporto del browser: IE9 +, Chrome, Firefox, Safari e Opera
• Licenza: Non definito

Mini Lightbox

Un altro plugin lightbox con nessuno dei bloat. La libreria è solo 2kb e funziona solo con le immagini. È il plugin perfetto se si designa solo per il browser più recente e non è necessario sovrapporre altri tipi di file multimediali come i video.

• Dipendenza: Nessuno
• Supporto del browser: IE10 +, Chrome, Firefox, Safari e Opera
• Licenza: Licenza MIT

LightCase

Lightcase è un delizioso plugin lightbox. Viene fornito con diverse animazioni che rendono viva l'interazione dell'utente, come dissolvenza, zoom elastico e scorrimento. Inoltre, supporta anche vari tipi di media tra cui Youtube embed, HTML video, SWF e moduli di input. Il plugin gestisce anche correttamente i media non possono essere raggiunti o trovati errori

• Dipendenza: jQuery
• Supporto del browser: IE9 +, Chrome, Firefox, Safari e Opera
• Licenza: Licenza GPL

Yalb

Yalb sta per Yet Another Lightbox - ma non lo è. Yalb viene fornito con una serie di API tra cui eventi personalizzati che consentono di identificare gli stati lightbox, ad esempio quando lo sono Aperto e quando è vicino. Yalb è disponibile in due versioni, Vanilla JavaScript e jQuery plugin.

• Dipendenza: Nessuno
• Supporto del browser: IE9 +, Chrome, Firefox, Safari e Opera
• Licenza: Licenza MIT

Piuma leggera

Il 6kb Piuma leggera è un plugin semplice per sviluppatori esperti e porta solo l'essenziale. Se è necessario, ad esempio, raggruppare lightbox di immagini in una galleria, è possibile includere l'estensione della galleria. Puoi anche sviluppare la tua estensione per questo plugin per adattarlo alle tue esigenze di progetto.

• Dipendenza: jQuery
• Supporto del browser: IE8 +, Chrome, Firefox, Safari e Opera
• Licenza: Licenza MIT

LightLayer

LightLayer è un plugin lightbox facile da usare. Ha una manciata di opzioni, metodi JavaScript personalizzati ed eventi personalizzati. il plugin funziona con immagini, video, mappe e contenuti esterni. Cosa c'è di più possiamo chiedere.

• Dipendenza: jQuery
• Supporto del browser: IE9 +, Chrome, Firefox, Safari e Opera
• Licenza: Licenza MIT

LightGallery

LightGallery, un altro plugin lightbox con molte funzionalità aggiunte. Viene fornito con più di 20 opzioni per personalizzare i più piccoli dettagli del lightbox.

• Dipendenza: jQuery
• Supporto del browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android e Windows Phone
• Licenza: Licenza MIT

FluidBox

Fluidbox è un plugin lightbox di immagini ispirato a Medium. Funziona con le immagini in varie circostanze, tra cui l'immagine fluttuante, l'immagine con assoluto posizione, immagini con bordo e riempimento e gallerie. Scopri come è stato costruito. Se hai bisogno di un plugin per WordPress, ce n'è uno.

• Dipendenza: jQuery
• Supporto del browser: IE9 +, Chrome, Firefox, Safari, Opera
• Licenza: Licenza MIT

StripJS

StripJS è un plugin lightbox unico. Invece di sovrapporre l'immagine, il plugin scorre invece le immagini dal lato, in modo che non blocchi l'intero contenuto. StripJS supporta sia l'immagine che il video.

• Dipendenza: jQuery
• Supporto del browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ e Android 3+
• Licenza: Licenza Creative Commons BY-NC-ND 3.0