15 „Lightbox“ bibliotekų mobiliam reagavimui

„Lightbox“ yra vienas populiarus būdas perdengti vaizdus internete. Kai spustelėsite vaizdą, „Lightbox“ pasirodys su tam tikra animacija ir nustelbia foną, kad jūsų dėmesys būtų sutelktas į patį vaizdą. Vaizdas taip pat yra didesnis. Populiariausios „Lightbox JavaScript“ bibliotekos, kurias jau daugelį metų žinome, leidžia jums tai padaryti gerai darbalaukyje, bet ne tiek mobiliųjų platformų.

Nepaisant to ir būtinybės reaguoti, šiandien nėra gera idėja, todėl šią 15 atsakingų „Lightbox“ bibliotekų kolekciją reikia patikrinti.

Daugiau apie „Hongkiat“:

• Modalinio lango sukūrimas lengvai naudojant HTML5 dialogą
• Top 10 Free Responsive Image Galerijos / Slideshow
• Sukurti, valdyti ir pritaikyti geresnį modalinį langą savo svetainėje naudodami „Vex“
• jQuery Image Galerijos ir slankmačiai - geriausi

„PhotoSwipe“

„PhotoSwipe“ yra mano mėgstamas „ligthbox“ įskiepis. Tai lengva, įjungta, o svarbiausia - modulinė, kuri leidžia man pakelti kelias dalis, kurių nereikia. Jis veikia gražiai mobiliuosiuose naršyklėse. Galite nuvilkti vaizdus pirštais taip pat, kaip ir vietinėje programoje, ir perėjimas vyksta sklandžiai.

• Priklausomybė: Nė vienas
• Naršyklės palaikymas: IE8 +, „Chrome“, „Firefox“, „Safari“, „Opera“ ir keletas mobiliųjų naršyklių.
• Licencija: MIT licencija

MagnificPopup

MagnificPopup yra kitas „Lightbox“ papildinys, kurį sukūrė tas pats asmuo, kuris davė mums „PhotoSwipe“, Dmitrijus Semenovas. Jis yra „jQuery / Zepto“ įskiepio forma, taip pat suteikia „PhotoSwipe“ trūkstamų galimybių, pvz., Vaizdo, žemėlapio ir „Ajax“ turinio palaikymo. Tai puiki alternatyva tiems, kurie nori turėti daugiau savybių.

• Priklausomybė: jQuery 1.9.1+ arba Zepto.js
• Naršyklės palaikymas: IE7 (iš dalies), IE8 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“.
• Licencija: MIT licencija

„SwipeBox“

Swipebox yra jQuery įskiepis, palaikantis judriojo ryšio platformos palaikymą. Jis taip pat palaiko vaizdo įrašus iš „YouTube“ ir „Vimeo“, išskyrus tuos vaizdus. Be to, „Swipebox“ yra lengva įdiegti ir turi keletą galimybių, kaip pritaikyti savo elgesį. Manau, „Swipebox“ yra puikus „Lightbox“ įskiepis „JavaScript“ Noobs.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE9 +, „Chrome“, „Safari“, „Firefox“, „Opera“, „IOS4 +“, „Android“ ir „Windows Phone“.
• Licencija: Neapibrėžtas

„iLightbox“

„iLighbox“ „JQuery Lightbox“ papildiniai, turintys platų laikmenų tipų palaikymą: įskaitant vaizdo įrašus, „Flash / SWF“, „Ajax“ turinį, „iframe“ ir žemėlapius. Šis įskiepis taip pat prideda socialinės žiniasklaidos mygtukus ant žiniasklaidos, leidžiant naudotojams ją bendrinti „Facebook“, „Twitter“ arba „Reddit“. Taip pat patikrinkite išplėstinį skyrių, kad pamatytumėte, kaip „iLightbox“ galima taikyti skirtingais scenarijais.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE7 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: Neapibrėžtas

„Lightbox“, skirta „Bootstrap“

Lengva dėžė yra vienas iš akimirksniu trūkstamų elementų iš „Bootstrap“. Šis įskiepis tai pataiso. Jei naudojate „Bootstrap“, labai rekomenduoju naudoti šią biblioteką. Įskiepis yra gerai integruotas su „Bootstrap“ kodo baze.

• Priklausomybė: jQuery ir „Bootstrap Modal“
• Naršyklės palaikymas: IE8 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: GNU licencija

„Nivo Lightbox“

„Nivo Lightbox“ yra lankstus „Lightbox“ papildinys. Įtrauktos kelios parinktys, kaip pakeisti išvaizdą taip, kaip norite, pvz., Keisti temą, perėjimo efektą ir perjungti navigaciją.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE9 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: MIT licencija

„ImageLightbox“

„ImageLightbox“ yra „Lightbox“ papildinys be pripūtimo. Jis yra specialiai sukurtas atvaizdui, taigi, suteiktam pavadinimui - nepalaikomas vaizdo įrašas ar kitas laikmenos tipas. Ji taip pat nereikalauja pašalinio HTML žymėjimo; elementas yra pakankamas. Šis papildinys veikia.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE9 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: Neapibrėžtas

„Mini Lightbox“

Kitas „Lightbox“ įskiepis su nė vienu išpūstų. Biblioteka yra tik 2kb ir veikia tik su vaizdais. Tai puikus priedas, jei nurodote tik naujausią naršyklę ir nereikia perkelti kitų medijos tipų, pvz., Vaizdo įrašų.

• Priklausomybė: Nė vienas
• Naršyklės palaikymas: IE10 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: MIT licencija

„LightCase“

„Lightcase“ yra puikus „Lightbox“ papildinys. Jis ateina su keliomis animacijomis, kurios leidžia naudotojo sąveikai gyventi, pavyzdžiui, išnyks, elastingas priartinimas ir slinkimas. Be to, ji taip pat palaiko įvairias žiniasklaidos rūšis, įskaitant „YouTube“ įdėtą, HTML vaizdo įrašus, SWF ir įvesties formas. Įskiepis taip pat tinkamai valdo laikmenas negali būti pasiektas arba nerasta klaidų

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE9 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: GPL licencija

Yalb

Yalb reiškia dar vieną švieslentę - bet tai ne. „Yalb“ yra aprūpintas keliais API, įskaitant pasirinktinius įvykius, kurie leidžia nustatyti „lightbox“ būsenas, pvz., Kai jis yra atviras ir kada tai yra Uždaryti. „Yalb“ yra dviem versijomis: „Vanilla JavaScript“ ir „jQuery“ papildinys.

• Priklausomybė: Nė vienas
• Naršyklės palaikymas: IE9 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: MIT licencija

Plunksnos šviesa

6kb Šviestuvas yra platus įskiepis, skirtas išminties kūrėjui ir atlieka tik esminius dalykus. Jei jums reikia, pvz., Norėdami grupuoti vaizdų dėžutę galerijoje, galite įtraukti galerijos plėtinį. Taip pat galite plėtoti savo plėtinį šiam įskiepiui, kad jis atitiktų jūsų projekto poreikius.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE8 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: MIT licencija

„LightLayer“

„LightLayer“ yra lengvas naudoti „Lightbox“ papildinys. Jame yra keletas parinkčių, pasirinktinių „JavaScript“ metodų ir individualių įvykių. papildinys veikia su vaizdais, vaizdo įrašais, žemėlapiais ir išoriniu turiniu. Ką dar galime paprašyti.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE9 +, „Chrome“, „Firefox“, „Safari“ ir „Opera“
• Licencija: MIT licencija

„LightGallery“

„LightGallery“, kitas „Lightbox“ papildinys su daugybe funkcijų. Jame yra daugiau nei 20 parinkčių, leidžiančių pritaikyti mažiausius šviesos dėžutės duomenis.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE7 +, „Chrome“, „Firefox“, „Safari“, „Opera“, „iOS“, „Android“ ir „Windows Phone“
• Licencija: MIT licencija

FluidBox

Fluidbox „Image Lightbox“ papildinys, įkvėptas „Medium“. Jis veikia su vaizdais įvairiomis aplinkybėmis, įskaitant plaukiojančią nuotrauką, vaizdą su absoliutus padėtis, vaizdai, turintys sieną ir įklotą, ir galerijos. Patikrinkite, kaip jis buvo pastatytas. Jei jums reikia „WordPress“ papildinio, yra vienas.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE9 +, „Chrome“, „Firefox“, „Safari“, „Opera“
• Licencija: MIT licencija

StripJS

StripJS yra unikalus „Lightbox“ papildinys. Užuot padengęs vaizdą, įskiepiai vietoj to slankia vaizdus, ​​kad jis neužblokuotų viso turinio. „StripJS“ palaiko vaizdą ir vaizdo įrašus.

• Priklausomybė: jQuery
• Naršyklės palaikymas: IE7 +, „Chrome“, „Firefox“, „Safari“, „Opera“, „iOS 5+“ ir „Android“ 3+
• Licencija: „Creative Commons BY-NC-ND 3.0“ licencija