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