SimpleLightbox - Touch-friendly Image Lightbox, który obsługuje również WordPress

Witryny z portfolio, posty na blogach, a nawet witryny społecznościowe korzystają z lightboxów. Są przydatne za pokazywanie większej zawartości bez zajmowania większej ilości miejsca na stronie.

Ale nie ma powodu, aby budować swój własny od podstaw, gdy jest tak wiele darmowych skryptów online. Jedną z moich nowych ulubionych jest SimpleLightbox, zaprojektowana w 100% open source i mobilny responsywny działający na wszystkich urządzeniach.

Wszystkie miniatury zdjęć i łącza nawigacyjne lightbox obsługują zachowania dotykowe, dzięki czemu użytkownicy mogą przeglądać zawartość z dowolnego smartfona lub tabletu.

Ze strony głównej można znaleźć linki do oficjalnego repozytorium GitHub, oficjalnej wtyczki WordPress i oficjalnego rozszerzenia TYPO3.

Ta biblioteka jest ogromna i jest zdecydowanie jedną z najlepszych galerii lightbox. To używa prawdziwego projektu lightbox, który dodaje małą nakładkę na górze strony podczas przeglądania dowolnej galerii.

Każdy obraz miniatury pojawia się w pełnym widoku wraz ze strzałkami do poruszania się po całym pokazie slajdów. Ale ty możesz dołącz dodatkowe funkcje za pomocą interfejsu API SimpleLightbox. W dokumentacji znajduje się pełna tabela funkcji i są to niektóre z moich ulubionych:

• Tekst nawigacyjny.
• Podpisy obrazów.
• Rozmiary współczynnika obrazu.
• Funkcja przesuwania do zamknięcia.
• Niestandardowe style animacji.
• Opcjonalne błystki załadowcze.

Dodatkowo ta biblioteka umożliwia uruchamianie funkcji zwrotnych za każdym razem, gdy użytkownik kliknie, aby otworzyć galerię, przeskoczyć na nowy obraz lub wykonać dowolną inną wspólną akcję.

Wszystkie te metody są udokumentowane na głównej stronie, w tym przykłady na żywo w kodzie źródłowym GitHub. Możesz pobrać kopię używając Bower lub Yarn jako narzędzia do zarządzania pakietami, chociaż GitHub może być łatwiejszą metodą, jeśli nie znasz linii poleceń.

Tak czy inaczej biblioteka ta jest imponująca. Może działać zadziwiająco dobrze na stronach z portfolio osobistym lub korporacyjnym, aby pochwalić się swoją pracą dzięki obsłudze ekranu dotykowego.

Aby dowiedzieć się więcej, zajrzyj na stronę główną SimpleLightbox i pobierz kopię skryptu z GitHub.