SmartPhoto.js - Prosta responsywna przeglądarka obrazów zaprojektowana dla urządzeń mobilnych

W dobie responsywnego projektowania stron internetowych musisz myśleć o doświadczeniach każdego użytkownika mobilnego. W 2017 roku łączni użytkownicy Internetu na urządzeniach mobilnych przekroczyli pulpit o kilka procent. To wielka sprawa!

Prawie każda funkcja na Twojej stronie musi mieć jakąś alternatywę przyjazną dla urządzeń mobilnych. W przypadku galerii obrazów możesz spróbować SmartPhoto.js, ponieważ jest zaprojektowany specjalnie dla wejść mobilnych.

Wtyczka jest całkowicie darmowa i otwarta z pełną stroną GitHub.

Jest aktualizowany co jakiś czas, ale kluczową częścią SmartPhoto.js jest naturalny interfejs użytkownika. Działa świetnie na komputerach stacjonarnych i lepiej pasuje do urządzeń mobilnych. Portret lub krajobraz, smartfon lub tablet, ta wtyczka bierze ciasto.

Z SmartPhoto.js otrzymasz pełna obsługa dotyku i obsługa przesuwania aby poruszać się między obrazami w pokazie slajdów. Wtyczka działa również z akcelerometrem, dzięki czemu można sprawdzić, kiedy zmienia się orientacja strony.

Zajrzyj do dokumentacji, aby uzyskać kompletny przewodnik po instalacji i instalacji. Ta wtyczka nie wymaga całego kodu JS, aby działać, ale tak jest obsługuje wiele niestandardowych opcji metodami zwrotnymi.

Zauważysz również, że SmartPhoto ma brak zależności więc działa na podstawowej waniliowej JS. Wszystko, czego potrzebujesz, to dwa pliki SmartPhoto.js (pliki CSS i JS), które można pobrać bezpośrednio z GitHub lub pobrać za pomocą zarządzania pakietami za pomocą npm lub Yarn.

Spójrz na stronę demonstracyjną, jeśli chcesz zobaczyć, jak to wygląda w akcji. Wersje demonstracyjne zawierają fragmenty kodu, które możesz kopiować / wklejać i używać również na swojej stronie internetowej.

Gorąco polecam SmartPhoto.js dla prostej i przyjaznej dla telefonów galerii lightbox.

Główna strona wtyczki zawiera wszystko, czego potrzebujesz, aby rozpocząć pobieranie plików źródłowych i obszerną dokumentację.