Darmowe jQuery Image Galleries & Sliders - Best Of

Galerie obrazów i suwaki są jednymi z najpopularniejszych przypadków użycia jQuery. Pozwalają na prezentację odpowiednia ilość informacji wizualnych dla odwiedzających podczas oszczędność cennej przestrzeni Na twojej stronie.

W rezultacie twoja strona będzie wyglądać mniej zagracony ale możesz nadal dodaj wszystkie obrazy musisz przekazać swoją wiadomość. Galerie obrazów i suwaki pasują szczególnie dobrze strony portfolio i strony produktów stron e-commerce.

W tym artykule wybraliśmy ręcznie najlepsze galerie i suwaki jQuery dla Was. Ponieważ są to wtyczki jQuery, wystarczy dodaj je do głowa Sekcja twojej strony HTML wraz z domyślną biblioteką jQuery, ustawić ich zgodnie z dokumentacją (zwykle tylko kilka linii kodu) i pozwól im odejść.

Suwak Bootstrap

Suwak Bootstrap to darmowy suwak, który można łatwo przesuwać za pomocą telefonu komórkowego i który wygląda fantastycznie na każdym ekranie lub przeglądarkach. Możesz dodawać obrazy, filmy, miniatury, tekst, przyciski do slajdów.

Suwak podglądu produktu

Suwak podglądu produktu jest wykonany z pełnym wykorzystaniem jQuery, która sama wygląda i działa jak natywna aplikacja. Kod tej wtyczki jest czysty i starannie przygotowany.

Rozbudowana galeria zdjęć

Rozbudowana galeria obrazów to niesamowita wtyczka, która rozszerza się za pomocą jednego kliknięcia myszy w galerię o pełnej szerokości. Ta wtyczka może być użyta do sekcji O nas lub podglądu produktu lub dodatkowych szczegółów produktu.

Fotorama

Fotorama to responsywna wtyczka do galerii dla jQuery, która działa zarówno w przeglądarkach stacjonarnych, jak i mobilnych. Oferuje wiele opcji przeglądania zdjęć, w tym miniatury, przesuwanie, przyciski poprzedzające, automatyczne ładowanie pokazu slajdów lub nawigację po kulach.

Immersive Slider

Immersive Slider pozwala na stworzenie unikalnego suwaka, który pasuje do slajdu oglądania, jak widać w GoogleâStrona internetowa TV. Możesz zmienić obraz tła i będzie on rozmazany, aby ustawić ostrość obrazu suwaka.

Najmłodsi

Leastjs to responsywna wtyczka jQuery, która tworzy oszałamiającą galerię zdjęć. Po najechaniu myszką na obraz pojawi się wskaźnik z tekstem. Po kliknięciu obrazu rozszerza się na całą szerokość.

Szablon przesuwnych paneli

Ta wtyczka byłaby idealnym wyborem dla każdego rodzaju portfela. Wszystkie panele z obrazami poruszają się wzdłuż osi y (oś x na mniejszych urządzeniach). Przesuwanie obrazów, aby wyświetlić wybraną zawartość.

Szablon portfolio Squeezebox

Szablon portfolio Squeezebox został stworzony podczas eksperymentowania z efektami ruchu do portfolio. Obraz wstępny (lub blok) odkrywa, aby pokazać elementy portfela, które się wysuwają.

Losowe obrazy

Shuffle Images to niesamowita responsywna wtyczka umożliwiająca tworzenie galerii z obrazami, które tasują się po najechaniu myszą.

Bezpłatna wtyczka jQuery Lightbox

Bezpłatna wtyczka jQuery Lightbox umożliwia wyświetlanie jednego lub wielu obrazów na tej samej stronie. Możesz także powiększyć obraz lub powrócić do oryginalnego rozmiaru.

PgwSlider â Elastyczny suwak dla jQuery

PgwSlider to suwak o jednym celu i minimalistycznym obrazie, który został stworzony do wyświetlania slajdów i nic więcej. Jest minimalny, ponieważ kod jQuery jest lekki, co sprawia, że ​​czas ładowania jest naprawdę szybki.

Rozproszona galeria polaroidów

Rozproszona galeria polaroidów to niesamowity suwak o płaskiej konstrukcji. Przedmioty wewnątrz pojemnika poruszają się chaotycznie, co wygląda niesamowicie.

Filtr treści nadmuchiwanych

Bouncy Content Filter to idealne rozwiązanie dla sklepów internetowych lub portfeli. Pozwala użytkownikom szybko przełączać się z jednej kategorii obrazów na inną.

Prosty suwak jQuery

Prosty suwak jQuery mówi o swojej nazwie. Ta wtyczka zawiera trochę JavaScript, trochę HTML5 i odrobinę CSS3. Domyślna wersja demonstracyjna pokazuje tylko opcję suwaka tekstu, ale z kilkoma modyfikacjami możesz dołączyć treść wizualną, na przykład zdjęcia i filmy.

Glide JS

Glide JS to prosta, czysta, szybka, płynna i elastyczna wtyczka suwaka jQuery. Wtyczka jest lekka i łatwa w konfiguracji.

Pełny ekran suwaka z paralaksą

Ten niesamowity suwak jQuery z kolorowym zawijaniem, tekstem i obrazem będzie odpowiedni dla każdego rodzaju strony internetowej, od portfolio do korporacji. Zapewnia płynne przewijanie paralaksy i powoli pojawia się tekst.

Sliiide

Funkcjonalność tej fantastycznej wtyczki wykracza daleko poza podstawowe potrzeby. Sliiide pomoże Ci stworzyć interaktywne elementy menu, dzięki czemu możesz określić przesuwne menu u dołu, u góry, po lewej i prawej stronie strony.

Suwak powiększenia

Jest to prosta galeria suwaków z funkcją powiększania. Po kliknięciu przycisku powiększenia obraz zostanie przeskalowany. ItâJest doskonałym rozwiązaniem dla sklepów internetowych.

Suwak efektu pryzmatu

Prism Effect Slider to świetny pomysł dla blogerów. Ten suwak dodaje logo pryzmatu na każdym obrazie i zmienia się po przewinięciu.

Elastyczny suwak Parallax z przezroczystymi literami

Ten niesamowity suwak zawiera słowa z dużymi wielkimi literami. Możesz łatwo zmienić czcionkę, rozmiar czcionki, kolor czcionki i szybkość animacji.