15 Lightbox könyvtár a mobil válaszadáshoz
A Lightbox egy népszerű út átfedik a képeket az interneten. Ha rákattint egy képre, a Lightbox valamilyen formában megjelenik az animációval, és elhalványítja a hátteret, így a fókusz a képre kerül. A kép is nagyobb méretű. Az évek óta ismert legnépszerűbb Lightbox JavaScript könyvtárak lehetővé teszik ezt jól az asztali számítógépen, de nem annyira a mobil platformokon.
Ezt figyelmen kívül hagyva, és a válaszadat szükségessége manapság nem jó ötlet, ezért a 15 válaszadó Lightbox-könyvtár gyűjteményét ki kell nézni.
További információ a Hongkiatról:
- Modális ablak létrehozása könnyen HTML5 párbeszédpanel segítségével
- Top 10 ingyenes érzékeny képgaléria / diavetítés
- Jobb modális ablak létrehozása, vezérlése és testreszabása webhelyére Vex használatával
- jQuery képgalériák és csúszkák - a legjobbak
PhotoSwipe
PhotoSwipe messze a kedvenc ligthbox bővítményem. Könnyű, érintőképernyős, és ami a legfontosabb, hogy moduláris, ami lehetővé teszi, hogy néhány olyan részet árokba hozzam, amelyek nem szükségesek. Szépen fut a mobil böngészőkben. Az ujjaival ujjával áthúzhatja a képeket, ahogyan egy natív alkalmazásban, és az átmenet nagyon sima.
- Függőség: Egyik sem
- Böngésző támogatás: IE8 +, Chrome, Firefox, Safari, Opera és néhány mobil böngésző.
- Engedély: MIT licenc
MagnificPopup
MagnificPopup egy másik Lightbox plugin, amelyet ugyanaz a személy fejlesztett ki, aki adta nekünk PhotoSwipe-t, Dmitry Semenovot. JQuery / Zepto plugin formájában jön létre, és olyan képességeket hoz létre, amelyek hiányoznak a PhotoSwipe programban, például a Video, Map és Ajax tartalom támogatása. Ez egy nagyszerű alternatíva azok számára, akik inkább több funkcióval rendelkeznek.
- Függőség: jQuery 1.9.1+ vagy Zepto.js
- Böngésző támogatás: IE7 (részben), IE8 +, Chrome, Firefox, Safari és Opera.
- Engedély: MIT licenc
SwipeBox
Swipebox egy jQuery plugin, amely érintőgesztus támogatással rendelkezik a mobil platformhoz. Támogatja a Youtube és a Vimeo videókat a képeken kívül. A Swipebox egyenesen könnyen megvalósítható, és néhány lehetősége van a viselkedésének testreszabására. Azt hiszem, a Swipebox egy nagyszerű fénydoboz plugin a JavaScript noobshoz.
- Függőség: jQuery
- Böngésző támogatás: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android és Windows Phone.
- Engedély: Határozatlan
iLightbox
iLighbox JQuery Lightbox bővítmények a média típusok széles körű támogatásával: beleértve a videókat, a Flash / SWF-et, az Ajax-tartalmat, az iframe-t és a térképeket. Ez a bővítmény a média tetején is hozzáadja a szociális média gombokat, így a felhasználók megoszthatják azt a Facebook, a Twitter vagy a Reddit használatával. Nézze meg a fejlett fejezetet is, hogy megtudja, hogyan lehet az iLightboxot különböző forgatókönyvekben alkalmazni.
- Függőség: jQuery
- Böngésző támogatás: IE7 +, Chrome, Firefox, Safari és Opera
- Engedély: Határozatlan
Lightbox a Bootstrap számára
Világító doboz a Bootstrap egyik ragyogóan hiányzó darabja. Ez a bővítmény ezt javítja. Ha Bootstrap-ot használ, nagyon ajánlom ezt a könyvtárat. A bővítmény jól integrált a Bootstrap kódbázisával.
- Függőség: jQuery és Bootstrap Modal
- Böngésző támogatás: IE8 +, Chrome, Firefox, Safari és Opera
- Engedély: GNU licenc
Nivo Lightbox
Nivo Lightbox egy rugalmas lightbox plugin. Számos lehetőség van a megjelenés megváltoztatására úgy, ahogy azt szeretné, hogy megjelenjen, mint például a téma megváltoztatása, az átmeneti hatás és a navigáció váltása.
- Függőség: jQuery
- Böngésző támogatás: IE9 +, Chrome, Firefox, Safari és Opera
- Engedély: MIT licenc
ImageLightbox
ImageLightbox egy fénydobozos bővítmény, amely a puffadás nélkül van. Kifejezetten a képhez készült, így a megadott név - nem támogatott videó vagy más médiatípus. Ezenkívül nem igényel külső HTML jelölést; a elegendő. A plugin csak működik.
- Függőség: jQuery
- Böngésző támogatás: IE9 +, Chrome, Firefox, Safari és Opera
- Engedély: Határozatlan
Mini Lightbox
Egy másik lightbox-bővítmény, amelyen semmi sem duzzadt. A könyvtár csak 2kb, és csak képekkel működik. Ez a tökéletes plugin, ha csak a legfrissebb böngészőt jelöli ki, és nem kell más médiatípusokat, például videókat átfednie.
- Függőség: Egyik sem
- Böngésző támogatás: IE10 +, Chrome, Firefox, Safari és Opera
- Engedély: MIT licenc
LightCase
A Lightcase egy szép fénydobozos plugin. Számos animációval van ellátva, amelyek életre kelnek, például a fade, a rugalmas zoom és a görgetés. Továbbá támogatja a különböző típusú médiumokat, beleértve a Youtube embedet, a HTML videókat, az SWF-et és a beviteli űrlapokat. A bővítmény megfelelően kezeli a médiát, nem érhető el, vagy nem talál hibát
- Függőség: jQuery
- Böngésző támogatás: IE9 +, Chrome, Firefox, Safari és Opera
- Engedély: GPL licenc
Yalb
Yalb egy másik Lightboxot jelent - de ez nem. A Yalb egy maroknyi API-t is tartalmaz, beleértve az egyéni eseményeket is, amelyek lehetővé teszik, hogy azonosítsák a lightbox-állapotokat, például amikor az van nyisd ki
és mikor van Bezárás
. A Yalb két változatban, Vanilla JavaScript és jQuery pluginben található.
- Függőség: Egyik sem
- Böngésző támogatás: IE9 +, Chrome, Firefox, Safari és Opera
- Engedély: MIT licenc
Featherlight
A 6kb Featherlight egy csupasz plugin a hozzáértő fejlesztők számára, és csak az alapvető fontosságú elemeket hordozza. Ha például egy galériában szeretné csoportosítani a képeket, akkor a galéria kiterjesztését is beillesztheti. A bővítményhez saját bővítményt is kialakíthat, hogy megfeleljen a projekt igényeinek.
- Függőség: jQuery
- Böngésző támogatás: IE8 +, Chrome, Firefox, Safari és Opera
- Engedély: MIT licenc
LightLayer
A LightLayer egy könnyen kezelhető Lightbox plugin. Van egy pár lehetőség, egyedi JavaScript módszerek és egyéni események. a bővítmény képekkel, videókkal, térképekkel és külső tartalommal működik. Mi többet tehetünk.
- Függőség: jQuery
- Böngésző támogatás: IE9 +, Chrome, Firefox, Safari és Opera
- Engedély: MIT licenc
LightGallery
LightGallery, egy másik, sok funkcióval bővített Lightbox-bővítmény. Több mint 20 opcióval rendelkezik, amelyek testreszabhatják a világos dobozok legkisebb részleteit.
- Függőség: jQuery
- Böngésző támogatás: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android és Windows Phone
- Engedély: MIT licenc
FluidBox
Fluidbox egy közepes kép ihlette képvilágos plugin. Különböző körülmények között működik, beleértve a lebegő képet, a képet abszolút
pozíció, határok és párnázottságú képek, galériák. Nézze meg, hogyan épült. Ha szüksége van egy WordPress bővítményre, akkor van egy.
- Függőség: jQuery
- Böngésző támogatás: IE9 +, Chrome, Firefox, Safari, Opera
- Engedély: MIT licenc
StripJS
StripJS egy egyedülálló Lightbox plugin. Ahelyett, hogy átfedné a képet, a plugin helyett a képeket oldalról csúsztatja, hogy ne blokkolja a teljes tartalmat. A StripJS mind a képet, mind a videót támogatja.
- Függőség: jQuery
- Böngésző támogatás: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ és Android 3+
- Engedély: Creative Commons BY-NC-ND 3.0 licenc