SimpleLightbox - Touch-priateľský obrázok Lightbox, ktorý tiež podporuje WordPress

Portfóliové stránky, blogové príspevky a dokonca aj sociálne stránky využívajú lightboxes. Sú užitočné na zobrazenie väčšieho obsahu bez toho, aby ste na stránke získali viac miesta.

Ale nie je žiadny dôvod stavať svoje vlastné od začiatku, keď je toľko bezplatných skriptov online. Jedným z mojich nových favoritov je SimpleLightbox, navrhnutý tak, aby bol 100% open source a mobilné reagujúce na všetky zariadenia.

Všetky miniatúry obrázkov a navigačné prepojenia lightbox podporujú dotykové správanie, aby používatelia mohli prehľadávať obsah z ľubovoľného smartphonu alebo tabletu.

Na domovskej stránke nájdete odkazy na oficiálne repo GitHub, oficiálny doplnok WordPress a oficiálne rozšírenie TYPO3.

Táto knižnica je masívna a je zďaleka jedným z najlepších galérií lightboxu, ktoré nájdete. to používa reálny dizajn Lightbox, ktorý pridáva malú prekryvnú vrstvu na vrch stránky pri prezeraní nejakej galérie.

Každý miniatúrny obrázok sa zobrazí v plnom pohľade spolu so šípkami na prechádzanie celú prezentáciu. Ale ty možeš zahrnúť ďalšie funkcie pomocou rozhrania SimpleLightbox API. V dokumentácii sa nachádza celá tabuľka funkcií a sú to niektoré z mojich obľúbených:

• Navigačný text.
• Titulky obrázkov.
• Veľkosti pomeru obrázkov.
• Funkcia prstom k zatvoreniu.
• Vlastné štýly animácie.
• Voliteľné nakladače.

Vďaka tejto knižnici môžete spustiť funkcie spätného volania vždy, keď používateľ klikne na otvorenie galérie, posunie sa na nový obrázok alebo vykoná akékoľvek iné bežné kroky.

Všetky tieto metódy sú dokumentované na hlavnej stránke vrátane živých príkladov v zdrojovom kóde GitHub. Môžete vytiahnuť kópiu pomocou nástroja Bower alebo priadze ako nástroj na správu balíkov, aj keď GitHub môže byť jednoduchšia metóda, ak nie ste oboznámení s príkazovým riadkom.

Či tak alebo onak, táto knižnica je mimo pôsobivé. Môže to fungovať úžasne na webových stránkach s osobným alebo firemným portfóliom, ktoré vám ukážu svoju prácu s podporou dotykovej obrazovky.

Ak sa chcete dozvedieť viac, pozrite sa na domovskú stránku SimpleLightbox a stiahnite kópiu skriptu od spoločnosti GitHub.