15 Lightboxi raamatukogusid mobiilse reageerimise jaoks

Lightbox on üks populaarne viis pildid veebis. Kui klõpsate pildile, ilmub Lightbox mõnda animatsiooni vormi ja hämardab tausta, nii et teie fookus on pildil ise. Pilt on ka suuremas mõõtkavas. Kõige populaarsemad Lightboxi JavaScripti raamatukogud, mida oleme aastaid tundnud, võimaldavad teil seda hästi töölaual teha, kuid mitte nii mobiilplatvormidel.

Selle eiramine ja vajadus reageerimisvõime järele ei ole tänapäeval hea mõte, mistõttu tuleb seda 15 vastavat Lightboxi raamatukogu koguda..

Veel Hongkiatist:

• Modali akna loomine hõlpsasti HTML5 dialoogiga
• Top 10 tasuta reageerivat pildigaleriid / slaidiesitlusi
• Parema mooduli akna loomine, kontrollimine ja kohandamine saidile Vexi abil
• jQuery pildigaleriid ja liugurid - parimad

PhotoSwipe

PhotoSwipe on minu lemmik-ligimängija plugin. See on kerge, puutetundlik ja kõige tähtsam moodul, mis võimaldab mul kraavida mõned osad, mida pole vaja. See töötab kenasti mobiilibrauserites. Saate sõrmedega pilte pühkida nii, nagu oleksite kohalikus rakenduses, ja üleminek toimib tõesti sujuvalt.

• Sõltuvus: Puudub
• Brauseri tugi: IE8 +, Chrome, Firefox, Safari, Opera ja paar mobiilibrauserit.
• Litsents: MIT-litsents

MagnificPopup

MagnificPopup on veel üks Lightboxi plugin, mille on välja töötanud sama isik, kes andis meile PhotoSwipe, Dmitri Semenov. See on jQuery / Zepto plugina kujul ning toob kaasa ka võimalused, mis puuduvad PhotoSwipe'is, näiteks video, kaardi ja Ajaxi sisu toetamine. See on suurepärane alternatiiv neile, kes eelistavad rohkem funktsioone.

• Sõltuvus: jQuery 1.9.1+ või Zepto.js
• Brauseri tugi: IE7 (osaliselt), IE8 +, Chrome, Firefox, Safari ja Opera.
• Litsents: MIT-litsents

SwipeBox

Swipebox on jQuery plugin, millel on mobiilse platvormi puutetugevuse toetus. Samuti toetab see Youtube'i ja Vimeo videoid piltide kõrvale. Swipebox on ka täiesti lihtne rakendada ja tal on käputäis võimalusi oma käitumise kohandamiseks. Ma arvan, et Swipebox on suurepärane välklamp plugin JavaScript noobs.

• Sõltuvus: jQuery
• Brauseri tugi: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android ja Windows Phone.
• Litsents: Määratlemata

iLightbox

iLighbox on jQuery lightboxi lisandmoodulid, mis pakuvad laia valikut meediatüüpe: videod, Flash / SWF, Ajax sisu, iframe ja kaardid. See plugin lisab ka meediale sotsiaalse meedia nupud, mis võimaldavad kasutajatel seda jagada Facebooki, Twitteri või Redditiga. Vaadake ka täiustatud sektsiooni, et näha, kuidas iLightboxit saab kasutada erinevates stsenaariumides.

• Sõltuvus: jQuery
• Brauseri tugi: IE7 +, Chrome, Firefox, Safari ja Opera
• Litsents: Määratlemata

Lightbox Bootstrapile

Lightbox on üks ilmselgelt puuduvatest Bootstrapi tükkidest. See plugin parandab selle. Kui kasutate Bootstrapit, soovitan seda raamatukogu kasutada. Pistik on hästi integreeritud Bootstrap'i koodi baasiga.

• Sõltuvus: jQuery ja Bootstrap Modal
• Brauseri tugi: IE8 +, Chrome, Firefox, Safari ja Opera
• Litsents: GNU litsents

Nivo Lightbox

Nivo Lightbox on paindlik Lightboxi plugin. Sisaldab mitmeid võimalusi, et muuta välimust selliseks, nagu soovite, nagu näiteks teema, üleminekuefekti ja navigeerimise muutmine.

• Sõltuvus: jQuery
• Brauseri tugi: IE9 +, Chrome, Firefox, Safari ja Opera
• Litsents: MIT-litsents

ImageLightbox

ImageLightbox on valguskasti plugin ilma paisteta. See on ehitatud spetsiaalselt pildile, seega antud nimele - videot või muud meediatüüpi ei toetata. Samuti ei nõua see võõrast HTML-märgistust; the element on piisav. Plugin töötab lihtsalt.

• Sõltuvus: jQuery
• Brauseri tugi: IE9 +, Chrome, Firefox, Safari ja Opera
• Litsents: Määratlemata

Mini Lightbox

Teine lightboxi plugin, millel pole ühtegi paistetust. Raamatukogu on ainult 2kb ja töötab ainult piltidega. See on täiuslik plugin, kui määrate ainult uusima brauseri ja te ei pea teiste meediatüüpide, näiteks videote, kattuma.

• Sõltuvus: Puudub
• Brauseri tugi: IE10 +, Chrome, Firefox, Safari ja Opera
• Litsents: MIT-litsents

LightCase

Lightcase on ilus valguskasti plugin. See sisaldab mitmeid animatsioone, mis muudavad kasutajate suhtlemise elusaks, nagu näiteks fade, elastne suum ja kerimine. Lisaks toetab see ka erinevaid meediatüüpe, sealhulgas Youtube'i embed, HTML videod, SWF ja sisendvormid. Pistikut ei saa ka korralikult hallata ega tuvastada vigu

• Sõltuvus: jQuery
• Brauseri tugi: IE9 +, Chrome, Firefox, Safari ja Opera
• Litsents: GPL litsents

Yalb

Yalb tähistab veel üks kerge kast - kuid see ei ole. Yalbil on käputäis API-sid, sealhulgas kohandatud sündmusi, mis võimaldavad teil tuvastada valguskasti olekuid, näiteks siis, kui see on avatud ja millal see on Sulge. Yalb on saadaval kahes versioonis: Vanilla JavaScript ja jQuery plugin.

• Sõltuvus: Puudub
• Brauseri tugi: IE9 +, Chrome, Firefox, Safari ja Opera
• Litsents: MIT-litsents

FeatherLight

6kb Featherlight on tühjade pluginate jaoks Savvy arendaja ja kannab ainult olulised. Kui vajate näiteks galeriis piltide grupeerimist, võite lisada galerii laienduse. Samuti saate oma plugina jaoks oma laiendust oma projekti vajadustele vastavaks muuta.

• Sõltuvus: jQuery
• Brauseri tugi: IE8 +, Chrome, Firefox, Safari ja Opera
• Litsents: MIT-litsents

LightLayer

LightLayer on lihtne kasutada Lightboxi plugin. Sellel on käputäis võimalusi, kohandatud JavaScript-meetodeid ja kohandatud sündmusi. plugin töötab piltide, videote, kaartide ja välise sisuga. Mida me veel küsime.

• Sõltuvus: jQuery
• Brauseri tugi: IE9 +, Chrome, Firefox, Safari ja Opera
• Litsents: MIT-litsents

LightGallery

LightGallery, teine ​​Lightboxi plugin, millel on palju funktsioone. See sisaldab rohkem kui 20 valikut, et kohandada valguskasti väikseid detaile.

• Sõltuvus: jQuery
• Brauseri tugi: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android ja Windows Phone
• Litsents: MIT-litsents

FluidBox

Fluidbox on pildi valguskasti plugin, mis on inspireeritud keskmisest. See töötab piltidega erinevatel asjaoludel, kaasa arvatud ujuv pilt, pilt absoluutne asend, pildid, millel on piir ja padding, ning galeriid. Vaadake, kuidas see on ehitatud. Kui vajate WordPressi pluginat, on see olemas.

• Sõltuvus: jQuery
• Brauseri tugi: IE9 +, Chrome, Firefox, Safari, Opera
• Litsents: MIT-litsents

StripJS

StripJS on unikaalne Lightboxi plugin. Selle asemel, et pilti üle kanda, liidab plugin selle asemel pildid, nii et see ei blokeeri kogu sisu. StripJS toetab nii pilti kui videot.

• Sõltuvus: jQuery
• Brauseri tugi: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ ja Android 3+
• Litsents: Creative Commons BY-NC-ND 3.0 litsents