SimpleLightbox - Touch-friendly Image Lightbox koji također podržava WordPress
Portfelj stranice, postovi na blogu, pa čak i društvene web stranice koriste svjetlosne kutije. Oni su zgodni za prikazivanje većeg sadržaja bez zauzimanja više mjesta na stranici.
No, nema razloga za izgradnju vlastitog od nule kada postoji toliko online besplatnih skripti. Jedan od mojih novih favorita je SimpleLightbox, dizajniran da bude 100% otvoreni izvor i mobilno odaziv pokretanje na svim uređajima.
Sve minijature slika i navigacijske veze za lightbox podržavaju ponašanje na dodir kako bi korisnici mogli pregledavati sadržaj s bilo kojeg pametnog telefona ili tableta.
Na početnoj stranici možete pronaći veze na službeni GitHub repo, službeni WordPress dodatak i službenu TYPO3 proširenje..
Ova knjižnica je masivna i to je daleko jedna od najboljih galerija za lightbox koju ćete pronaći. To koristi pravi lightbox dizajn koji dodaje mali sloj na vrhu stranice prilikom pregledavanja bilo koje galerije.
Svaka sličica pojavljuje se u punom prikazu zajedno sa strelicama za kretanje kroz cijelu prezentaciju. Ali možeš uključuju dodatne značajke pomoću API-ja SimpleLightbox. U dokumentaciji postoji puna tablica značajki, a to su neke od mojih omiljenih:
- Tekst za navigaciju.
- Opisi slika.
- Veličina omjera slike.
- Značajka prijeđite do zatvaranja.
- Prilagođeni stilovi animacije.
- Opcionalni utovarivači.
Osim toga, ova biblioteka omogućuje pokretanje funkcija povratnih poziva kad god korisnik klikne da otvori galeriju, pređe na novu sliku ili izvrši bilo koju drugu uobičajenu radnju.
Sve su to metode dokumentirano na glavnoj web-lokaciji, uključujući žive primjere u izvornom kodu GitHub. Možete kopirati pomoću programa Bower ili Pređe kao alat za upravljanje paketima, iako je GitHub možda jednostavniji način ako niste upoznati s komandnom linijom.
U svakom slučaju, ova knjižnica je izvan impresivne. Može raditi nevjerojatno dobro na osobnim ili korporacijskim portfeljima kako bi pokazao svoj rad s podrškom za zaslon osjetljiv na dodir.
Da biste saznali više, zavirite u početnu stranicu SimpleLightbox i preuzmite kopiju skripte iz GitHub-a.