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