Pilnekrāna Lightbox slīdrādes ar Lightgallery.js
Jebkura lieliska blogu vai portfeļa vietne var gūt labumu no a modālās gaismas kastes slaidrādi. Tas var būt labs demonstrē saistītās fotogrāfijas vai izīrējot apmeklētājus pārlūkojiet darba portfeli (dizains, māksla, fotogrāfija).
Ar lightgallery.js, Jūs vienkārši instalējiet bibliotēku un ļaujiet tai darboties. Jūs varat to iestatīt ar jebkuru fotoattēlu skaitu un katru slaidu aizņem visu ekrānu.
Man ļoti patīk šis spraudnis pār citiem slaidrādes, kas aizņem tikai daļu no ekrāna. Ar lightgallery.js, viss fokuss tiek pārslēgts uz slaidrādi un pirmo redzamo attēlu.
Katra slaidu apakšā varat atrast a neliels apraksts ar saitēm vai jebkādu vajadzīgo tekstu.
Labajā augšējā stūrī redzēsiet a pogas par paplašinātas funkcijas. Lai viņi iet šādi:
- Demonstrēt slaidrādi
- Tuvināt / attālināt
- Pārlūka pilnekrāna režīms
- Sociālā dalīšana
- Attēlu lejupielāde
- Aizveriet slaidrādi
Varat izvēlēties un izvēlēties, kuru no šīm pogām vēlaties parādīt iespēju rediģēšana piezvanot uz spraudni.
Patiesībā, es esmu izpūstas no tā, cik detalizēti iegāja dokumentācijā. Tajā ir informācija par iespējas un atzvanīšanas metodes. Bet jūs atradīsiet arī informāciju par pielāgoti datu atribūti, Sass mainīgie, un pat a spraudņa API veidot moduļus uz apgaismojuma.
Ak, un es to pieminēju pilnīgi mobilais? Ar pirkstu vai pat ar peli var pārvietot fotoattēlus caur galeriju.
Tā ir lieliska izvēle dizainerim vai fotogrāfam, kurš vēlas izcilu metodi, lai parādītu savu portfeli savā vietnē.
Jūs pat varat iegult iframes vai videoklipus no tādām vietnēm kā YouTube vai Vimeo. Tas patiesi ir labākais gaismas kastu galerijas spraudnis, kas piedāvā labāko iespējamo lietotāja pieredzi.
Šī bibliotēka ir bez visām atkarībām un tā darbojas uz tīra JavaScript. Bet tā spēlē skaistas ar lielām bibliotēkām piemēram, jQuery vai Bootstrap.
Ja jūs to vēlaties kā jQuery spraudnis JQuery lietotājiem ir pārnests lightgallery.js spraudnis. Jūs varat redzēt a pilna demo uz demo lapa vai izbraukšana pildspalvu zemāk. Un, ja jums ir nepieciešams avota kods dodies uz GitHub repo un greifers kopiju par sevi.
