15 Biblioteki Lightbox na telefony komórkowe

Lightbox jest jednym z popularnych sposobów nakładanie obrazów w Internecie. Po kliknięciu obrazu, Lightbox wyskakuje z jakąś formą animacji i przyciemnia tło, aby skupić się na samym obrazie. Obraz jest również większy w skali. Najbardziej popularne biblioteki JavaScript JavaScript, które znamy od lat, pozwalają ci robić to dobrze na komputerach stacjonarnych, ale nie na platformach mobilnych.

Zaniedbanie tego i konieczność szybkiego reagowania nie jest dziś dobrym pomysłem, dlatego też kolekcja 15 responsywnych bibliotek Lightbox musi zostać sprawdzona.

Więcej o Hongkiat:

• Łatwe tworzenie okna modalnego za pomocą okna dialogowego HTML5
• 10 najlepszych darmowych galerii obrazów / pokazów slajdów
• Twórz, kontroluj i dostosowuj lepsze modalne okno do swojej witryny za pomocą Vex
• jQuery Image Galleries & Sliders - Best Of

PhotoSwipe

PhotoSwipe jest zdecydowanie moją ulubioną wtyczką ligthbox. Jest lekki, z obsługą dotyku, a co najważniejsze modułowy, co pozwala mi wykopać kilka niepotrzebnych części. Działa ładnie w przeglądarkach mobilnych. Możesz przesuwać obrazy palcami, tak jak w natywnej aplikacji, a przejście przebiega bardzo płynnie.

• Zależność: Żaden
• Obsługa przeglądarki: IE8 +, Chrome, Firefox, Safari, Opera i kilka przeglądarek mobilnych.
• Licencja: Licencja MIT

MagnificPopup

MagnificPopup to kolejna wtyczka lightbox, opracowana przez tę samą osobę, która dała nam PhotoSwipe, Dmitry Semenov. Jest dostępny w postaci wtyczki jQuery / Zepto, a także oferuje funkcje, których brakuje w PhotoSwipe, takie jak obsługa treści wideo, map i Ajax. Jest to świetna alternatywa dla tych, którzy wolą mieć więcej funkcji pod ręką.

• Zależność: jQuery 1.9.1+ lub Zepto.js
• Obsługa przeglądarki: IE7 (częściowo), IE8 +, Chrome, Firefox, Safari i Opera.
• Licencja: Licencja MIT

SwipeBox

Swipebox to wtyczka jQuery z obsługą gestów dotykowych dla platformy mobilnej. Obsługuje również filmy z serwisu YouTube i Vimeo oprócz obrazów. Swipebox jest również łatwy do zaimplementowania i ma kilka opcji dostosowywania jego zachowania. Myślę, że Swipebox to świetna wtyczka lightbox do noobów JavaScript.

• Zależność: jQuery
• Obsługa przeglądarki: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android i Windows Phone.
• Licencja: Niezdefiniowany

iLightbox

iLighbox to wtyczki lightbox jQuery z szerokim zakresem obsługi typów mediów: w tym filmy, Flash / SWF, zawartość Ajax, iframe i mapy. Wtyczka ta dodaje również przyciski mediów społecznościowych na górze mediów, umożliwiając użytkownikom udostępnianie ich na Facebooku, Twitterze lub Reddicie. Sprawdź również sekcję zaawansowaną, aby zobaczyć, jak można zastosować iLightbox w różnych scenariuszach.

• Zależność: jQuery
• Obsługa przeglądarki: IE7 +, Chrome, Firefox, Safari i Opera
• Licencja: Niezdefiniowany

Lightbox dla Bootstrap

Lightbox jest jednym z rażąco brakujących elementów z Bootstrap. Ta wtyczka naprawia to. Jeśli używasz Bootstrap, zdecydowanie polecam korzystanie z tej biblioteki. Wtyczka jest dobrze zintegrowana z bazą kodu Bootstrap.

• Zależność: jQuery i Bootstrap Modal
• Obsługa przeglądarki: IE8 +, Chrome, Firefox, Safari i Opera
• Licencja: Licencja GNU

Nivo Lightbox

Nivo Lightbox to elastyczna wtyczka lightbox. Dostępnych jest kilka opcji, które zmieniają wygląd w taki sposób, w jaki chcesz go wyświetlać, na przykład zmieniając motyw, efekt przejścia i przełączając nawigację.

• Zależność: jQuery
• Obsługa przeglądarki: IE9 +, Chrome, Firefox, Safari i Opera
• Licencja: Licencja MIT

ImageLightbox

ImageLightbox to wtyczka lightbox bez wzdęcia. Został zbudowany specjalnie dla obrazu, stąd nazwa nadana - brak obsługi wideo lub innego typu nośnika. Nie wymaga również dodatkowych znaczników HTML; element jest wystarczający. Wtyczka po prostu działa.

• Zależność: jQuery
• Obsługa przeglądarki: IE9 +, Chrome, Firefox, Safari i Opera
• Licencja: Niezdefiniowany

Mini Lightbox

Kolejna wtyczka lightbox bez żadnego wzdęcia. Biblioteka ma tylko 2 KB i działa tylko z obrazami. Jest to idealna wtyczka, jeśli używasz tylko najnowszej przeglądarki i nie musisz nakładać innych typów mediów, takich jak filmy.

• Zależność: Żaden
• Obsługa przeglądarki: IE10 +, Chrome, Firefox, Safari i Opera
• Licencja: Licencja MIT

LightCase

Lightcase to piękna wtyczka lightbox. Jest wyposażony w kilka animacji, dzięki którym interakcja użytkownika ożywa, jak zanikanie, elastyczny zoom i przewijanie. Ponadto obsługuje również różne typy mediów, w tym osadzone na YouTube, filmy HTML, SWF i formularze wejściowe. Wtyczka również prawidłowo obsługuje media, nie można uzyskać dostępu lub znaleziono błędy

• Zależność: jQuery
• Obsługa przeglądarki: IE9 +, Chrome, Firefox, Safari i Opera
• Licencja: Licencja GPL

Yalb

Yalb oznacza Yet Another Lightbox - ale tak nie jest. Yalb zawiera kilka interfejsów API, w tym niestandardowe zdarzenia, które pozwalają zidentyfikować stany lightbox, na przykład kiedy jest otwarty i kiedy to jest blisko. Yalb jest dostępny w dwóch wersjach: Vanilla JavaScript i jQuery.

• Zależność: Żaden
• Obsługa przeglądarki: IE9 +, Chrome, Firefox, Safari i Opera
• Licencja: Licencja MIT

FeatherLight

6kb Featherlight jest nagim pluginem dla doświadczonego programisty i zawiera tylko podstawowe elementy. Jeśli potrzebujesz, na przykład, do grupowania lightboxa w galerii, możesz dołączyć rozszerzenie galerii. Możesz także stworzyć własne rozszerzenie, aby wtyczka pasowała do potrzeb projektu.

• Zależność: jQuery
• Obsługa przeglądarki: IE8 +, Chrome, Firefox, Safari i Opera
• Licencja: Licencja MIT

LightLayer

LightLayer to łatwa w użyciu wtyczka lightbox. Ma kilka opcji, niestandardowe metody JavaScript i niestandardowe zdarzenia. wtyczka działa z obrazami, filmami, mapami i treściami zewnętrznymi. Co więcej możemy zapytać.

• Zależność: jQuery
• Obsługa przeglądarki: IE9 +, Chrome, Firefox, Safari i Opera
• Licencja: Licencja MIT

LightGallery

LightGallery, dodano kolejną wtyczkę lightbox z wieloma funkcjami. Zawiera ponad 20 opcji dostosowywania najmniejszych szczegółów lightboxa.

• Zależność: jQuery
• Obsługa przeglądarki: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android i Windows Phone
• Licencja: Licencja MIT

FluidBox

Fluidbox to wtyczka lightbox do obrazów, inspirowana Medium. Działa z obrazami w różnych okolicznościach, w tym z pływającym obrazem, obrazem z absolutny pozycja, obrazy z obramowaniem i dopełnieniem oraz galerie. Sprawdź, jak został zbudowany. Jeśli potrzebujesz wtyczki WordPress, jest jedna.

• Zależność: jQuery
• Obsługa przeglądarki: IE9 +, Chrome, Firefox, Safari, Opera
• Licencja: Licencja MIT

StripJS

StripJS to unikalna wtyczka lightbox. Zamiast nakładać obraz, wtyczka przesuwa obrazy z boku, aby nie blokować całej zawartości. StripJS obsługuje zarówno obraz, jak i wideo.

• Zależność: jQuery
• Obsługa przeglądarki: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ i Android 3+
• Licencja: Licencja Creative Commons BY-NC-ND 3.0