15 Biblioteci Lightbox pentru receptivitate mobilă

Cutia Lightbox este o modalitate populară de a suprapunerea imaginilor pe web. Când faceți clic pe o imagine, caseta Lightbox apare cu o anumită formă de animație și diminuează fundalul astfel încât să vă concentrați asupra imaginii în sine. Imaginea este, de asemenea, mai mare la scară. Cele mai populare biblioteci JavaScript Lightbox pe care le-am cunoscut de ani de zile vă permit să faceți acest lucru pe desktop, dar nu atât de mult pe platforme mobile.

Neglijând acest lucru și nevoia de reacție nu este o idee bună în zilele noastre, motiv pentru care această colecție de 15 biblioteci Lightbox receptive trebuie să fie verificată.

Mai multe despre Hongkiat:

• Crearea ușoară a ferestrei modale cu ajutorul dialogului HTML5
• Cele mai bune 10 galerii de imagini / prezentări gratuite
• Creați, controlați și personalizați o fereastră mai bună modală pentru site-ul dvs. folosind Vex
• jQuery Image Galleries & Sliders - cele mai bune

PhotoSwipe

PhotoSwipe este de departe plugin-ul meu preferat ligthbox. Este ușor, touch-enabled și, cel mai important, modular care îmi permite să scot câteva părți care nu sunt necesare. Rulează frumos în browserele mobile. Puteți trece prin imagini cu degetele, așa cum ați proceda într-o aplicație nativă, iar tranziția se execută într-adevăr fără probleme.

• Dependenţă: Nici unul
• Suport pentru browser: IE8 +, Chrome, Firefox, Safari, Opera și câteva browsere mobile.
• Licență: Licență MIT

MagnificPopup

MagnificPopup este un alt plugin lightbox, dezvoltat de aceeași persoană care ne-a dat PhotoSwipe, Dmitry Semenov. Acesta vine sub forma unui plugin jQuery / Zepto și aduce, de asemenea, capabilități care lipsesc în PhotoSwipe, cum ar fi suport pentru conținut video, hartă și Ajax. Aceasta este o alternativă excelentă pentru cei care preferă să aibă mai multe caracteristici la îndemână.

• Dependenţă: jQuery 1.9.1+ sau Zepto.js
• Suport pentru browser: IE7 (parțial), IE8 +, Chrome, Firefox, Safari și Opera.
• Licență: Licență MIT

SwipeBox

Swipebox este un plugin jQuery cu suport pentru gesturi touch pentru platforma mobilă. De asemenea, acesta acceptă videoclipuri de la Youtube și Vimeo în afară de imagini. Cutia Swipebox este, de asemenea, ușor de implementat și are o serie de opțiuni pentru a-și personaliza comportamentul. Cred că Swipebox este un plug-in excelent pentru lightbox pentru JavaScript noobs.

• Dependenţă: jQuery
• Suport pentru browser: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android și Windows Phone.
• Licență: Nedefinit

iLightbox

iLighbox este un plug-in jQuery lightbox cu o gamă largă de suport pentru tipurile media: inclusiv clipuri video, Flash / SWF, conținut Ajax, iframe și hărți. Acest plugin adaugă, de asemenea, butoane sociale media pe partea de sus a mass-media, permițând utilizatorilor dvs. să-l partajeze pe Facebook, Twitter sau Reddit. De asemenea, verificați secțiunea avansată pentru a vedea cum se poate aplica iLightbox în diferite scenarii.

• Dependenţă: jQuery
• Suport pentru browser: IE7 +, Chrome, Firefox, Safari și Opera
• Licență: Nedefinit

Cutie lightbox pentru Bootstrap

Cutie de lumină este una dintre piesele care lipsesc în mod clar de la Bootstrap. Acest plugin stabilește acest lucru. Dacă utilizați Bootstrap, vă recomand să utilizați această bibliotecă. Pluginul este bine integrat cu baza de cod a lui Bootstrap.

• Dependenţă: jQuery și Bootstrap Modal
• Suport pentru browser: IE8 +, Chrome, Firefox, Safari și Opera
• Licență: Licență GNU

Nivo Lightbox

Nivo Lightbox este un plug-in flexibil lightbox. Sunt incluse mai multe opțiuni pentru a schimba aspectul în modul în care vă place să apară, cum ar fi schimbarea temei, efectul de tranziție și comutarea navigației.

• Dependenţă: jQuery
• Suport pentru browser: IE9 +, Chrome, Firefox, Safari și Opera
• Licență: Licență MIT

ImageLightbox

ImageLightbox este un plugin lightbox fără balon. Este construit special pentru imagine, prin urmare, numele dat - nu este suportat nici un tip de video sau alt tip de suport. De asemenea, nu necesită marcare HTML exterioară; element este suficient. Pluginul funcționează.

• Dependenţă: jQuery
• Suport pentru browser: IE9 +, Chrome, Firefox, Safari și Opera
• Licență: Nedefinit

Mini Lightbox

Un alt plugin cu lightbox, fără nici o bloat. Biblioteca are doar 2kb și funcționează numai cu imagini. Este pluginul perfect dacă desemnați numai pentru cel mai recent browser și nu este necesar să suprapunem alte tipuri de media, cum ar fi videoclipuri.

• Dependenţă: Nici unul
• Suport pentru browser: IE10 +, Chrome, Firefox, Safari și Opera
• Licență: Licență MIT

LightCase

Lightcase este un plugin minunat pentru lightbox. Acesta vine cu mai multe animații care fac interacțiunea cu utilizatorul să vină în viață, cum ar fi estomparea, zoomul elastic și derularea. Mai mult, suportă și diverse tipuri de suporturi media, inclusiv embed Youtube, videoclipuri HTML, SWF și formulare de intrare. Plugin-ul, de asemenea, manevrează în mod corespunzător mass-media nu poate fi atins sau găsit erori

• Dependenţă: jQuery
• Suport pentru browser: IE9 +, Chrome, Firefox, Safari și Opera
• Licență: Licență GPL

Yalb

Yalb standuri pentru încă un Lightbox - dar nu este. Yalb vine cu o mână de API-uri, inclusiv evenimente personalizate, care vă permit să identificați stările caselor de lumină, cum ar fi atunci când este deschis și când este închide. Yalb vine în două versiuni, JavaScript și plugin-ul jQuery.

• Dependenţă: Nici unul
• Suport pentru browser: IE9 +, Chrome, Firefox, Safari și Opera
• Licență: Licență MIT

Ușor ca un fulg

Cele 6kb Ușor ca un fulg este un plug-in goale pentru un dezvoltator inteligent și poartă doar elementele esențiale. Dacă aveți nevoie, de exemplu, să grupați caseta de lumină a imaginii într-o galerie, puteți include extensia de galerie. De asemenea, puteți dezvolta extensia proprie pentru acest plugin pentru a se potrivi nevoilor dvs. de proiect.

• Dependenţă: jQuery
• Suport pentru browser: IE8 +, Chrome, Firefox, Safari și Opera
• Licență: Licență MIT

LightLayer

LightLayer este un plugin lightbox ușor de folosit. Are o multime de optiuni, metode JavaScript personalizate si evenimente personalizate. pluginul funcționează cu imagini, videoclipuri, hărți și conținut extern. Ce mai putem cere.

• Dependenţă: jQuery
• Suport pentru browser: IE9 +, Chrome, Firefox, Safari și Opera
• Licență: Licență MIT

LightGallery

LightGallery, un alt plugin lightbox cu multe caracteristici adăugate. Dispune de mai mult de 20 de opțiuni pentru personalizarea celor mai mici detalii ale casetei de lumină.

• Dependenţă: jQuery
• Suport pentru browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android și Windows Phone
• Licență: Licență MIT

FluidBox

Fluidbox este un plugin Lightbox imagine care este inspirat de Medium. Funcționează cu imagini în diverse circumstanțe, inclusiv imaginea plutitoare, imaginea cu absolut pozitie, imagini care au margine si padding, si galerii. Verificați cum a fost construit. Dacă aveți nevoie de un plugin WordPress, există unul.

• Dependenţă: jQuery
• Suport pentru browser: IE9 +, Chrome, Firefox, Safari, Opera
• Licență: Licență MIT

StripJS

StripJS este un plugin unic lightbox. În loc să suprapună imaginea, pluginul face să alunece imaginile din lateral, astfel încât să nu blocheze întregul conținut. StripJS acceptă atât imaginile, cât și videoclipurile.

• Dependenţă: jQuery
• Suport pentru browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ și Android 3+
• Licență: Licență Creative Commons BY-NC-ND 3.0