Bygg Feature Rich JQuery Carousels med slick

Ikke mange karusellbiblioteker kan konkurrere med Slick. Det er den mest jam-pakket jQuery plugin for bygge dynamiske karuseller på internett.

Det er helt gratis og bygget på toppen av jQuery. Koden er super enkel å sette opp, selv om den gjør det krever noen avhengigheter. Men med så mye funksjonalitet, er det verdt å legge til de ekstra bibliotekene for å få dette til å fungere.

Til installer Slick, Du kan besøke GitHub repo og laste ned en kopi. Den følger med to CSS-filer: en for grunnleggende oppsett og en annen for standard Slick tema. Du kan enkelt kombinere disse filene i ditt primære CSS-stilark hvis du vil spare plass.

Deretter trenger du to jQuery-avhengigheter: den primært jQuery-bibliotek sammen med jQuery Migrere. Slick krever en minimum jQuery 1.7+ som ikke burde være noe problem for et moderne utviklingsmiljø.

Herfra legger du bare til Slick.js filen og la den gå. Lysbildefremvisninger kan opprettes med svært lite kode og her er a direkte prøve fra Slick nettsiden:

 
 
innholdet ditt
 
innholdet ditt
 
innholdet ditt
 
  

Med en enkel

container, kan du legg til lysbilder dynamisk, inkludert bilder, HTML-innhold og innebygd media som videoer. Slick støtter alt med a fullstendig responsiv design som holder aspektforholdene intakte.

Slick kommer med dusinvis av flotte funksjoner, inkludert sveip funksjonalitet på mobil og punktnavigering. Du kan også sette opp Auto spill, tilpasset animasjon, tilpassede tilbakeringinger, og så mye mer.

Dette biblioteket er et komplett dyr for skaper roterende karuseller. Og du kan gjøre alt sammen med noen få enkle linjer av jQuery noe som gjør dette enda mer utrolig.

Til se alle demoer og kom i gang, sjekk ut glatt hjemmeside. Du kan også finne all kildekoden og full dokumentasjon for innstillinger / alternativer i GitHub repo.