SilentBox

SilentBox je minimalistické rozšíření pro Vue.js, které umožňuje zobrazení náhledů obrázků a videí v rozšířeném okně nad stávající stránkou.

Představení

SilentBox je LightBox like rozšíření pro Vue.js. Vzniklo jako inspirace FancyBoxem a LightBoxem, jenž byly v době vzniku tohoto rozšíření závislé na jQuery a nekompatibilní s Vue.js. Na rozdíl od LightBoxu a FancyBoxu je cílem SilentBoxu soustředit se pouze na náhledy obrázků a videí bez přemíry ovládacích prvků a možností. Vedle toho je snaha udržet SilentBox co nejméně závislý na rozšířeních třetích stran a v tuto chvíli používá jen několik klíčových knihoven pro vývoj. Veškeré animace a ovládací skripty jsou tak napsané in-house. Dnes má knihovna na npmjs přes 1000 stažení týdně.


SilentBox funguje i na telefonuSilentBox funguje také na mobilních telefonech

První verze SilentBoxu vznikla již v roce 2017 a díky částečnému nepochopení práce s DOM elementy a daty ve Vue.js byla její implementace do vlastního projektu velice podobná již zmiňovaným dvěma knihovnám. I přesto si ovšem získala své uživatele. Díky tomu, že počet instalací neustále rostl jsem se rozhodl vydat novou verzi, která již napravovala původní chyby a zároveň umožnila mnohem větší flexibilitu.


Ukázka slideshow v SilentBoxu