SimpleLightbox - Touch-přátelský Image Lightbox, který také podporuje WordPress

Portály portfolia, příspěvky na blogu a dokonce i sociální weby využívají lightboxy. Jsou po ruce pro zobrazení většího obsahu, aniž by zabere více místa na stránce.

Ale není důvod stavět si vlastní od nuly, když existuje tolik bezplatných skriptů online. Jeden z mých nových faves je SimpleLightbox, navržený tak, aby byl 100% open source a mobilní reagující na všech zařízeních.

Všechny miniatury obrázků a navigační odkazy lightboxu podporují dotykové chování, takže uživatelé mohou procházet obsah z libovolného smartphonu nebo tabletu.

Z domovské stránky můžete najít odkazy na oficiální repo GitHub, oficiální plugin WordPress a oficiální rozšíření TYPO3.

Tato knihovna je masivní a je to zdaleka jedna z nejlepších galerií lightboxu, kterou najdete. To používá skutečný design lightboxu, který v horní části stránky přidává malou překrytí při prohlížení jakékoli galerie.

Každý miniaturní obrázek se zobrazí v plném zobrazení spolu se šipkami pro procházení celé prezentace. Ale můžete zahrnout další funkce pomocí API SimpleLightbox. V dokumentaci najdete celou řadu funkcí, které jsou některé z mých oblíbených položek:

• Navigační text.
• Popisky obrázků.
• Velikost obrazového poměru.
• Přetažením zavřete funkci.
• Vlastní animační styly.
• Volitelné zavaděče.

Tato knihovna navíc umožňuje spouštět funkce zpětného volání vždy, když uživatel klikne na otevřenou galerii, přejde na nový obrázek nebo provede jakoukoli jinou společnou akci..

Tyto metody jsou všechny dokumentovány na hlavním webu včetně živých příkladů ve zdrojovém kódu GitHub. Kopii můžete vytáhnout pomocí nástroje Bower nebo Yarn jako nástroje pro správu balíčků, i když GitHub může být jednodušší metodou, pokud nejste obeznámeni s příkazovým řádkem.

Ať tak či onak, tato knihovna je mimo působivé. To může fungovat úžasně dobře na osobních nebo firemních portálech stránek, aby předváděla svou práci s podporou dotykové obrazovky.

Chcete-li se dozvědět více, nahlédněte na domovskou stránku SimpleLightbox a stáhněte si kopii skriptu z GitHubu.