Tartalom

Ismertető

A Lightbox egy JavaScript-könyvtár, amely képeket és videókat jelenít meg a képernyőn felbukkanó ablakban a weboldal többi részének elsötétítésével. Ez idő alatt a felhasználó nem léphet interakcióba a kép mögötti képernyőrészekkel, ezzel terelve a fókuszt a megjelenített képre. Miután a felhasználó bezárta az ablakot, a képernyő elsötétített része visszaáll eredeti állapotába, majd újra elérhetők a korábbi elemek, és a tartalom tovább olvasható.

A lightbox célja, hogy a felhasználó figyelmét egy adott képre vagy videóra fókuszálja, kiemelve a tartalom fontosabb részeit.

Az eredeti JavaScript-könyvtárat Lokesh Dhakar írta. A Lightbox kifejezés más hasonló JavaScript-könyvtárakat is jelenthet. A technológia egyszerű és elegáns stílusának köszönhetően széles körben elterjedt.

Az eredeti Lightbox-könyvtár két JavaScript-könyvtárat, a Prototype Javascript Framework-öt és a script.aculo.us-t használt animációihoz és pozicionálásához. 2012 áprilisában a bővítményt átírták a jQuery számára. A Lightbox nyílt forráskódú természete arra ösztönözte a fejlesztőket, hogy módosítsák és használják fel a kódot, amely olyan beépülő modulokat eredményezett, mint a Colorbox, a Magnific Popup, a Slimbox vagy a Thickbox.

A lightbox-szkriptek a böngésző JavaScript-támogatásától függenek. Azok a böngészők, amelyek bármilyen okból nem töltik be a JavaScript kódot, azok egyszerűen betöltik a képet külön oldalbetöltésként - elveszítve az effektust -, de továbbra is képesek megjeleníteni a képet.

A mai modern lightbox megvalósítások galériaszerűen szervezik össze a megjelenítendő képeket, melyek diavetítésként is megjelenhetnek a felhasználók számára.