Bygg Feature Rich JQuery Carousels med Slick

Ikke mange karruselbiblioteker kan konkurrere med Glat. Det er den mest jam-pakket jQuery plugin til bygning dynamiske karruseller på nettet.

Det er helt gratis og bygget oven på jQuery. Koden er super let at oprette, selv om den gør det kræver et par afhængigheder. Men med så meget funktionalitet er det værd at tilføje de ekstra biblioteker for at få det til at fungere.

Til installer Slick, Du kan besøge GitHub repo og downloade en kopi. Det følger med to CSS-filer: en til grundlæggende opsætning og en anden til standard slick tema. Du kan nemt kombinere disse filer i dit primære CSS stilark, hvis du vil spare plads.

Så har du brug for det to jQuery afhængigheder: det primære jQuery bibliotek sammen med jQuery migrere. Slick kræver en Mindste jQuery 1.7+ som ikke bør være et problem for et moderne udviklingsmiljø.

Herfra tilføjer du blot Slick.js fil og lad det gå. Diasshow kan oprettes med meget lille kode og her er a direkte prøve fra Slick hjemmeside:

 
 
dit indhold
 
dit indhold
 
dit indhold
 
  

Med en enkel

container, du kan tilføj dias dynamisk, herunder billeder, HTML-indhold og indlejrede medier som videoer. Slick understøtter alt med a fuldt responsivt design der holder aspektforholdene intakte.

Slick kommer med snesevis af fantastiske funktioner, herunder swipe funktionalitet på mobil og dot navigation. Du kan også oprette automatisk afspilning, brugerdefineret animation, brugerdefinerede tilbagekaldelser, og så meget mere.

Dette bibliotek er et komplet dyr for skabe roterende karruseller. Og du kan gøre alt sammen med et par enkle linjer af jQuery hvilket gør dette endnu mere utroligt.

Til se alle demoer og kom igang, Tjek Slick startsiden. Du kan også finde alle kildekoden og fuld dokumentation for indstillinger / muligheder i GitHub repo.