Preglednik - Jednostavno zumiranje slike za Vanilla JS i jQuery

Možete napraviti brzo pretraživanje i pronaći desetke biblioteka za svjetlosne poruke, dijapozitive, galerije slika.

Jedna od najnovijih knjižnica koja je privukla moju pozornost je Viewer. Trenutno u verziji 0.6, to je još uvijek projekt u razvoju, ali ova slika dizajn i značajke dodatka oboje su fenomenalni.

Na početnoj stranici pronaći ćete demonstraciju uživo s različitim stilovima slika. Možete odabrati postavite vlastitu galeriju na različite značajke poput izravnog zumiranja s jednom slikom ili dugotrajnog prikaza slajdova s ​​mnogo slika.

Ovo također dolazi s “inline mod” koji povezuje preglednik slika s elementom na stranici. Dakle, kada korisnik klikne na sličicu i zumira fotografiju unutar tog elementa, a ne na vrhu cijele stranice.

Pronaći ćete gumbe za gotovo sve: rotacije, dodatne naslove i potpuno zumiranje od 1: 1 da biste dobili jasan prikaz fotografija visoke razlučivosti.

Uz nekoliko JS opcija odlučujete kako skripta preglednika treba raditi. Ne želite da posjetitelji zumiraju slike? Nema problema.

Također možete onemogućiti značajku dijaprojekcije ili jednostavno onemogućiti sljedeće / prethodne gumbe na korisničkom sučelju. Isto vrijedi i za thumbnail slike koji se pojavljuju kada je slideshow u punom prikazu.

Također, imajte na umu da ova skripta ima verziju koja nije jQuery ako vam je draža vanilija JS. Oba dodatka rade na isti način i oboje su u aktivnom razvoju. Sve što trebate za prilagodbu ovog sučelja možete pronaći na glavnoj GitHub stranici.

Ako ste jako zainteresirani za kodiranje vlastitog korisničkog sučelja, Viewer je vrlo cool dodatak. To nudi mnogo kontrole nad ponašanjem svakog slideshowa da to možete restrukturirati u gotovo sve što želite.

Web programeri će imati radni dan na terenu s svim opcijama u ovom besplatnom slikovnom skripti.