Fullscreen Lightbox Slideshows z Lightgallery.js
Każdy świetny blog lub strona portfolio może korzystać z pokaz slajdów modal lightbox. To może być dobre prezentowanie powiązanych zdjęć lub pozwalając odwiedzającym przeglądaj portfolio prac (design, sztuka, fotografia).
Z lightgallery.js, ty tylko zainstaluj bibliotekę i pozwól mu działać. Możesz to skonfigurować z dowolną liczbą zdjęć i każdy slajd zajmuje cały ekran.
Wolę tę wtyczkę niż inne pokazy slajdów, które zajmują tylko część ekranu. Z lightgallery.js, wszystko skupia się na pokazie slajdów i pierwszy widoczny obraz.
Na dole każdego slajdu można znaleźć mały opis z linkami lub dowolnym tekstem, który chcesz.
W prawym górnym rogu zobaczysz seria przycisków dla rozszerzone funkcje. W porządku:
- Odtwarzanie pokazu slajdów
- Powiększ / pomniejsz
- Pełny ekran przeglądarki
- Udostępnianie społeczne
- Pobieranie obrazu
- Zamknij pokaz slajdów
Możesz wybrać i wybrać, który z tych przycisków chcesz wyświetlić edycja opcji kiedy dzwonisz do wtyczki.
W rzeczywistości jestem zdumiony tym, jak wiele szczegółów weszło w dokumentację. Ma szczegóły dla opcje i metody wywołania zwrotnego. Ale znajdziesz także informacje dla niestandardowe atrybuty danych, Zmienne Sass, a nawet wtyczka API budować moduły na lightgallery.
Och, czy wspomniałem o tym całkowicie przyjazny dla telefonu? Możesz przesuwać zdjęcia przez galerię palcem lub nawet za pomocą myszy.
To idealny wybór dla projektanta lub fotografa, który chce genialnej metody wyświetlania swojego portfolio na swojej stronie.
Możesz nawet osadzić iframes lub filmy z witryn takich jak YouTube lub Vimeo. To naprawdę najlepsza wtyczka galerii lightbox oferująca najlepsze możliwe wrażenia użytkownika.
Ta biblioteka jest wolny od wszelkich zależności i to działa na czystym JavaScript. Ale to gra miło z dużymi bibliotekami takie jak jQuery lub Bootstrap.
Jeśli wolisz to jako wtyczka jQuery dostępna jest wtyczka lightgallery.js dla użytkowników jQuery. Możesz zobaczyć pełna wersja demonstracyjna na strona demonstracyjna lub sprawdź pióro poniżej. A jeśli potrzebujesz kod źródłowy skieruj się do Repo GitHub i złap kopię dla siebie.