Viewer - Prosta wtyczka do powiększania obrazu dla Vanilla JS & jQuery

Możesz wykonać szybkie wyszukiwanie i znaleźć dziesiątki bibliotek dla lightboxów, pokazów slajdów, galerii, które nazywasz.

Jedną z najnowszych bibliotek, która zwróciła moją uwagę, jest Viewer. Obecnie w wersji 0.6 jest to wciąż projekt w fazie rozwoju, ale ten obraz wygląd i funkcje wtyczki oba są fenomenalne.

Na stronie głównej znajdziesz demo na żywo z różnymi stylami obrazu. Możesz wybrać ustaw własną galerię na różne funkcje takie jak bezpośrednie powiększanie z pojedynczym obrazem lub długi pokaz slajdów zawierający wiele zdjęć.

To również pochodzi z “tryb inline” który łączy przeglądarkę obrazów z elementem na stronie. Więc kiedy użytkownik klika miniaturę, aby powiększyć zdjęcie wewnątrz tego elementu, a nie na całej stronie.

Znajdziesz tu przyciski do prawie wszystkiego: obroty, dodatkowe napisy i pełne powiększenie 1: 1, aby uzyskać wyraźny obraz wysokiej rozdzielczości zdjęć.

Z kilkoma opcjami JS decydujesz, jak powinien działać skrypt przeglądarki. Nie chcesz, aby odwiedzający powiększali zdjęcia? Nie ma problemu.

Możesz także wyłączyć funkcję pokazu slajdów lub po prostu wyłączyć przyciski następnego / poprzedniego w interfejsie użytkownika. To samo dotyczy fotki miniatur które pojawiają się, gdy pokaz slajdów jest w pełnym widoku.

Zauważ także, że ten skrypt ma wersję inną niż jQuery, jeśli wolisz waniliowy JS. Obie wtyczki działają w ten sam sposób i oba są aktywnie rozwijane. Wszystko, czego potrzebujesz, aby dostosować ten interfejs, można znaleźć na głównej stronie GitHub.

Jeśli masz zamiar kodować własne UI, Viewer jest bardzo fajną wtyczką. Oferuje to dużo kontroli nad zachowaniem każdego pokazu slajdów że możesz zrestrukturyzować to w prawie wszystko, co chcesz.

Twórcy stron internetowych będą mieli dzień pracy ze wszystkimi opcjami w tym bezpłatnym skrypcie graficznym.