Główna » zestaw narzędzi » Zbuduj bogate w funkcje karuzele jQuery z dodatkiem Slick

    Zbuduj bogate w funkcje karuzele jQuery z dodatkiem Slick

    Niewiele biblioteki karuzeli może konkurować z Przysiek. To najbardziej zatłoczona wtyczka jQuery budowanie dynamicznych karuzel w sieci.

    Jest całkowicie darmowy i zbudowany na bazie jQuery. Kod jest bardzo łatwy do skonfigurowania, chociaż tak wymagają kilku zależności. Ale przy tak dużej funkcjonalności warto dodać dodatkowe biblioteki, aby to działało.

    Do zainstaluj Slicka, możesz odwiedzić repozytorium GitHub i pobrać kopię. To przychodzi dwa pliki CSS: jeden dla podstawowe ustawienia a drugi dla domyślny motyw Slicka. Możesz łatwo połączyć te pliki w główny arkusz stylów CSS, jeśli chcesz zaoszczędzić miejsce.

    Wtedy potrzebujesz dwie zależności jQuery: the podstawowa biblioteka jQuery wraz z jQuery Migracja. Zręczny wymaga minimum jQuery 1.7+ co nie powinno stanowić problemu dla nowoczesnego środowiska programistycznego.

    Stąd po prostu dodaj Slick.js plik i pozwól mu odejść. Pokazy slajdów można tworzyć z bardzo małym kodem i oto jest bezpośrednia próbka ze strony Slick:

     
    twoja treść
    twoja treść
    twoja treść

    Z prostym

    pojemnik, możesz dynamicznie dodawaj slajdy, w tym obrazy, treści HTML i osadzone media, takie jak filmy. Ślizg wspiera to wszystko za pomocą w pełni responsywny projekt który utrzymuje proporcje bez zmian.

    Slick jest wyposażony w dziesiątki wspaniałych funkcji, w tym funkcja przesuwania na telefon komórkowy i nawigacja punktowa. Możesz także skonfigurować Automatyczne odtwarzanie, niestandardowa animacja, niestandardowe wywołania zwrotne, i wiele więcej.

    Ta biblioteka jest kompletną bestią tworzenie obrotowych karuzel. I możesz to wszystko zrobić kilka prostych linii jQuery co czyni to jeszcze bardziej niesamowitym.

    Do zobacz wszystkie prezentacje i zaczynać, sprawdź stronę główną Slick. Możesz również znaleźć cały kod źródłowy i pełna dokumentacja ustawień / opcji w repozytorium GitHub.