15 Knjižnice Lightbox za mobilnu odzivnost

Lightbox je jedan popularan način preklapanje slika na webu. Kada kliknete na sliku, Lightbox se pojavljuje s nekim oblikom animacije i zatamnjuje pozadinu tako da je fokus na samoj slici. Slika je također veća u mjerilu. Najpopularnije Lightbox JavaScript biblioteke koje smo godinama poznavali omogućuju vam da to učinite dobro na radnoj površini, ali ne toliko na mobilnim platformama.

Zanemarivanje ovoga i potreba za odazivom danas nisu dobra ideja, zbog čega se ova kolekcija od 15 odgovarajućih biblioteka Lightboxa mora provjeriti.

Više o Hongkiatu:

• Jednostavno stvaranje modalnog prozora pomoću HTML5 dijaloga
• Top 10 besplatnih slikovnih galerija / prezentacija
• Stvaranje, kontrola i prilagoditi bolji modalni prozor za vašu web-lokaciju pomoću Vexa
• jQuery Galerije slika i klizači - Best Of

PhotoSwipe

PhotoSwipe je daleko moj omiljeni dodatak za ligthbox. To je svjetlo, omogućeno na dodir, i što je najvažnije modularno, što mi omogućuje da odbacim nekoliko dijelova koji nisu potrebni. Dobro se pokreće u mobilnim preglednicima. Prelazak prstima kroz slike možete vršiti prstima kao u izvornoj aplikaciji, a prijelaz se odvija glatko.

• zavisnost: Nema
• Podrška za preglednik: IE8 +, Chrome, Firefox, Safari, Opera i nekoliko mobilnih preglednika.
• licenca: MIT licenca

MagnificPopup

MagnificPopup je još jedan lightbox plugin, kojeg je razvila ista osoba koja nam je dala PhotoSwipe, Dmitry Semenov. Dolazi u obliku jQuery / Zepto dodatka, a donosi i mogućnosti koje nedostaju u PhotoSwipeu, kao što je podrška za Video, Map i Ajax sadržaj. Ovo je odlična alternativa za one koji više vole imati više značajki pri ruci.

• zavisnost: jQuery 1.9.1+ ili Zepto.js
• Podrška za preglednik: IE7 (djelomično), IE8 +, Chrome, Firefox, Safari i Opera.
• licenca: MIT licenca

SwipeBox

Swipebox je jQuery dodatak s podrškom za pokret za dodir za mobilnu platformu. Ona također podržava video s Youtube i Vimeo osim slika. Swipebox je također vrlo jednostavan za implementaciju i ima pregršt opcija za prilagođavanje njegovog ponašanja. Mislim da je Swipebox izvrstan plugin za JavaScript za noobs.

• zavisnost: jQuery
• Podrška za preglednik: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android i Windows Phone.
• licenca: Nedefiniran

iLightbox

iLighbox je jQuery dodatak za lightbox s širokim rasponom podrške za vrste medija: uključujući videozapise, Flash / SWF, Ajax sadržaj, iframe i karte. Ovaj dodatak također dodaje gumbe društvenih medija na vrhu medija, omogućujući korisnicima da ga podijele na Facebook, Twitter ili Reddit. Također pogledajte napredni odjeljak kako biste vidjeli kako se iLightbox može primijeniti u različitim scenarijima.

• zavisnost: jQuery
• Podrška za preglednik: IE7 +, Chrome, Firefox, Safari i Opera
• licenca: Nedefiniran

Lightbox za Bootstrap

Svjetleća kutija je jedan od sjajnih dijelova Bootstrap-a. Ovaj dodatak to ispravlja. Ako koristite Bootstrap, preporučujem da koristite ovu biblioteku. Dodatak je dobro integriran s Bootstrap kodnom bazom.

• zavisnost: jQuery i Modal Bootstrap
• Podrška za preglednik: IE8 +, Chrome, Firefox, Safari i Opera
• licencaGNU licenca

Nivo Lightbox

Nivo Lightbox je fleksibilan dodatak za lightbox. Uključeno je nekoliko opcija za promjenu izgleda na način na koji želite da se prikazuje, kao što je promjena teme, učinak prijelaza i prebacivanje navigacije.

• zavisnost: jQuery
• Podrška za preglednik: IE9 +, Chrome, Firefox, Safari i Opera
• licenca: MIT licenca

ImageLightbox

ImageLightbox je dodatak za lightbox bez nadimanja. Izgrađen je posebno za sliku stoga ime koje je dano - nema podržanih video ili drugih vrsta medija. Isto tako ne zahtijevaju i HTML-oznake; element je dovoljan. Dodatak samo radi.

• zavisnost: jQuery
• Podrška za preglednik: IE9 +, Chrome, Firefox, Safari i Opera
• licenca: Nedefiniran

Mini Lightbox

Još jedan dodatak za lightbox bez ikakvog nadimka. Knjižnica je samo 2kb, a radi samo s slikama. To je savršen dodatak ako odredite samo najnoviji preglednik i ne morate prekrivati ​​druge vrste medija poput videozapisa.

• zavisnost: Nema
• Podrška za preglednik: IE10 +, Chrome, Firefox, Safari i Opera
• licenca: MIT licenca

LightCase

Lightcase je lijep dodatak za lightbox. Dolazi s nekoliko animacija koje interakciju s korisnikom oživljavaju, poput izbljeđivanja, elastičnog zumiranja i pomicanja. Nadalje, ona također podržava razne vrste medija, uključujući Youtube embed, HTML video, SWF i ulazne obrasce. Dodatak također ispravno rukuje medijima i ne može se pronaći ili pronaći pogreške

• zavisnost: jQuery
• Podrška za preglednik: IE9 +, Chrome, Firefox, Safari i Opera
• licenca: GPL licenca

Yalb

Yalb stoji za Yet Another Lightbox - ali nije. Yalb dolazi s pregršt API-ja, uključujući prilagođene događaje koji vam omogućuju da identificirate stanja lightbox-a, primjerice kada je to otvorena i kada je Zatvoriti. Yalb dolazi u dvije verzije, Vanilla JavaScript i jQuery plugin.

• zavisnost: Nema
• Podrška za preglednik: IE9 +, Chrome, Firefox, Safari i Opera
• licenca: MIT licenca

FeatherLight

6kb Featherlight je goli dodatak za pametnog razvojnog inženjera i nosi samo bitno. Ako trebate, primjerice, grupirati svjetlosne poruke u galeriji, možete uključiti i proširenje galerije. Također možete razviti svoje proširenje kako bi se ovaj dodatak uklopio u vaše potrebe projekta.

• zavisnost: jQuery
• Podrška za preglednik: IE8 +, Chrome, Firefox, Safari i Opera
• licenca: MIT licenca

LightLayer

LightLayer je jednostavan za korištenje plugin za lightbox. Ima pregršt opcija, prilagođene JavaScript metode i prilagođene događaje. dodatak radi s slikama, videozapisima, kartama i vanjskim sadržajem. Što više, možemo pitati.

• zavisnost: jQuery
• Podrška za preglednik: IE9 +, Chrome, Firefox, Safari i Opera
• licenca: MIT licenca

LightGallery

LightGallery, još jedan dodatak za lightbox s dodanim značajkama. Dolazi s više od 20 opcija za prilagodbu najsitnijih detalja lightboxa.

• zavisnost: jQuery
• Podrška za preglednik: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android i Windows Phone
• licenca: MIT licenca

FluidBox

Fluidbox je dodatak za lightbox slike koji je inspiriran iz medija. Ona radi sa slikama pod različitim okolnostima, uključujući plutajuću sliku, sliku s apsolutan položaj, slike koje imaju obrub i padding te galerije. Pogledajte kako je izgrađen. Ako vam je potreban WordPress dodatak, postoji jedan.

• zavisnost: jQuery
• Podrška za preglednik: IE9 +, Chrome, Firefox, Safari, Opera
• licenca: MIT licenca

StripJS

StripJS je jedinstveni dodatak za lightbox. Umjesto da preklapa sliku, plugin slajde slike umjesto njih, tako da ne blokira cijeli sadržaj. StripJS podržava i sliku i video.

• zavisnost: jQuery
• Podrška za preglednik: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ i Android 3+
• licenca: Creative Commons BY-NC-ND 3.0 licenca