15 knižníc Lightbox pre mobilnú reakciu

Lightbox je jedným z obľúbených spôsobov prekrývať obrázky na webe. Keď kliknete na obrázok, Lightbox sa objaví s nejakou formou animácie a stmavne pozadie, takže sa zameriavate na samotný obrázok. Obraz je tiež väčší v rozsahu. Najobľúbenejšie knižnice JavaScript Lightbox, ktoré sme už niekoľko rokov poznáme, vám to umožňujú aj na pracovnej ploche, ale nie na mobilných platformách.

Zanedbanie tejto skutočnosti a potreba reakcie nie je v dnešnej dobe dobrým nápadom, preto je potrebné vyskúšať túto zbierku 15 knižníc reagujúcich na Lightbox.

Viac informácií o Hongkiatu:

• Jednoduché vytvorenie modálneho okna pomocou dialógu HTML5
• Top 10 voľne reagujúcich obrázkových galérií / prezentácií
• Vytvorte, riadte a prispôsobte lepšie modálne okno pre vaše stránky pomocou Vex
• jQuery obrázkové galérie a posuvníky - najlepšie z

PhotoSwipe

PhotoSwipe je zďaleka môj obľúbený plugin ligthbox. Je to ľahké, dotykové a najdôležitejšie modulárne, čo mi umožňuje vybrať niekoľko častí, ktoré nie sú potrebné. To funguje pekne v mobilných prehliadačoch. S prstami môžete prechádzať obrázky tak, ako by ste v natívnej aplikácii, a prechod beží naozaj hladký.

• závislosť: Žiadne
• Podpora prehliadača: IE8 +, Chrome, Firefox, Safari, Opera a niekoľko mobilných prehliadačov.
• licencie: Licencia MIT

MagnificPopup

MagnificPopup je ďalší plugin lightbox, vyvinutý rovnakou osobou, ktorá nám dala PhotoSwipe, Dmitrij Semenov. Dodáva sa vo forme doplnku jQuery / Zepto a tiež prináša funkcie, ktoré v aplikácii PhotoSwipe chýbajú, napríklad podpora pre obsah Video, Map a Ajax. Je to skvelá alternatíva pre tých, ktorí dávajú prednosť tomu, aby mali viac funkcií.

• závislosť: jQuery 1.9.1+ alebo Zepto.js
• Podpora prehliadača: IE7 (čiastočne), IE8 +, Chrome, Firefox, Safari a Opera.
• licencie: Licencia MIT

SwipeBox

Swipebox je doplnok jQuery s dotykovým gestom pre mobilnú platformu. Tiež podporuje videá z Youtube a Vimeo okrem obrázkov. Swipebox je tiež jednoducho jednoducho implementovateľný a má niekoľko možností prispôsobenia jeho správania. Myslím, že Swipebox je skvelý doplnok lightbox pre JavaScript noobs.

• závislosť: jQuery
• Podpora prehliadača: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android a Windows Phone.
• licencie: nedefinovaný

iLightbox

iLighbox je plugin typu jQuery lightbox s širokou podporou typov médií: vrátane videí, Flash / SWF, Ajaxu, iframe a máp. Tento doplnok pridá tiež tlačidlá sociálnych médií na médiá, čo umožňuje používateľom zdieľať ich na Facebooku, Twitter alebo Reddit. Pozrite sa aj na rozšírenú sekciu a uvidíte, ako môže byť aplikácia iLightbox použitá v rôznych scenároch.

• závislosť: jQuery
• Podpora prehliadača: IE7 +, Chrome, Firefox, Safari a Opera
• licencie: nedefinovaný

Lightbox pre Bootstrap

Svetelný box je jedným z očividne chýbajúcich kúskov od Bootstrapu. Tento plugin to opraví. Ak používate funkciu Bootstrap, odporúčam túto knižnicu použiť. Plug-in je dobre integrovaný s kódovou základňou Bootstrapu.

• závislosť: jQuery a Bootstrap Modal
• Podpora prehliadača: IE8 +, Chrome, Firefox, Safari a Opera
• licencie: Licencia GNU

Nivo Lightbox

Nivo Lightbox je flexibilný doplnok lightbox. Niektoré možnosti zahŕňajú zmenu vzhľadu tak, ako sa vám páči, ako napríklad zmena motívu, prechodový efekt a prepnutie navigácie.

• závislosť: jQuery
• Podpora prehliadača: IE9 +, Chrome, Firefox, Safari a Opera
• licencie: Licencia MIT

ImageLightbox

ImageLightbox je plugin lightbox bez nadúvania. Je vytvorený špeciálne pre obraz, a preto má daný názov - nie je podporovaný žiadny video alebo iný typ média. Nevyžaduje ani vonkajšiu značku HTML. prvok postačuje. Plugin práve funguje.

• závislosť: jQuery
• Podpora prehliadača: IE9 +, Chrome, Firefox, Safari a Opera
• licencie: nedefinovaný

Mini Lightbox

Ďalší plugin lightbox, ktorý neobsahuje žiadne nadúvanie. Knižnica je len 2kb a pracuje len s obrázkami. Je to dokonalý doplnok, ak označujete iba najnovší prehliadač a nepotrebujete prekrývať iné typy médií, ako sú napríklad videá.

• závislosť: Žiadne
• Podpora prehliadača: IE10 +, Chrome, Firefox, Safari a Opera
• licencie: Licencia MIT

LightCase

Lightcase je krásny plugin Lightbox. Dodáva sa s niekoľkými animáciami, ktoré prinášajú interakciu medzi používateľmi, ako je fade, elastická transfokácia a rolovanie. Okrem toho podporuje aj rôzne typy médií vrátane vloženia do služby Youtube, HTML videa, SWF a vstupných formulárov. Zásuvný modul tiež správne spracováva médiá nemožno dosiahnuť alebo nájsť chyby

• závislosť: jQuery
• Podpora prehliadača: IE9 +, Chrome, Firefox, Safari a Opera
• licencie: Licencia GPL

Yalb

Yalb znamená ešte ďalší svetelný box - ale nie je. Yalb je dodávaný s niekoľkými API vrátane vlastných udalostí, ktoré vám umožňujú identifikovať stavy lightboxov, napríklad keď je otvorené a keď je Zavrieť. Yalb je dodávaný v dvoch verziách, v programe Vanilla JavaScript a plugin jQuery.

• závislosť: Žiadne
• Podpora prehliadača: IE9 +, Chrome, Firefox, Safari a Opera
• licencie: Licencia MIT

pierko

6 kb pierko je holý plugin pre dôvtipného vývojára a nesie iba dôležité prvky. Ak potrebujete napríklad zoskupiť skupinu obrázkov v galérii, môžete zahrnúť rozšírenie galérie. Môžete tiež vyvinúť vlastné rozšírenie pre tento doplnok, aby vyhovovalo potrebám vášho projektu.

• závislosť: jQuery
• Podpora prehliadača: IE8 +, Chrome, Firefox, Safari a Opera
• licencie: Licencia MIT

LightLayer

LightLayer je ľahko použiteľný modul lightbox. Má niekoľko možností, vlastné metódy JavaScript a vlastné udalosti. plugin pracuje s obrázkami, videami, mapami a externým obsahom. Môžeme sa opýtať.

• závislosť: jQuery
• Podpora prehliadača: IE9 +, Chrome, Firefox, Safari a Opera
• licencie: Licencia MIT

LightGallery

LightGallery, ďalší doplnok lightbox s množstvom doplnkov. Dodáva sa s viac ako 20 možností prispôsobenia najmenších detailov lightboxu.

• závislosť: jQuery
• Podpora prehliadača: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android a Windows Phone
• licencie: Licencia MIT

FluidBox

Fluidbox je plugin Lightbox pre obrázky, ktorý je inšpirovaný médiom Medium. Funguje s obrázkami za rôznych okolností, vrátane plávajúcich obrázkov, obrázkov absolútny pozíciu, obrázky s okrajmi a polstrovaním a galérie. Pozrite sa, ako bola postavená. Ak potrebujete doplnok WordPress, existuje jeden.

• závislosť: jQuery
• Podpora prehliadača: IE9 +, Chrome, Firefox, Safari, Opera
• licencie: Licencia MIT

StripJS

StripJS je jedinečný doplnok Lightbox. Namiesto prekrytia obrázka plugin plugin nasníma zábery zo strany, takže neblokuje celý obsah. StripJS podporuje obraz i video.

• závislosť: jQuery
• Podpora prehliadača: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ a Android 3+
• licencie: Licencia Creative Commons BY-NC-ND 3.0