Bygga funktionrika jQuery-karuseller med slick

Inte många karusellbibliotek kan tävla med Smart. Det är den mest jam-packade jQuery-plugin för bygga dynamiska karuseller på webben.

Det är helt gratis och byggd ovanpå jQuery. Koden är super lätt att ställa in, även om den gör det kräver några beroenden. Men med så mycket funktionalitet är det värt att lägga till de extra biblioteken för att få det att fungera.

Till installera Slick, Du kan besöka GitHub repo och ladda ner en kopia. Den kommer med två CSS-filer: en för grundläggande inställning och en annan för standard Slick-tema. Du kan enkelt kombinera dessa filer i ditt primära CSS-stilark om du vill spara utrymme.

Då behöver du två jQuery beroenden: primär jQuery-bibliotek tillsammans med jQuery migrera. Slick kräver en minst jQuery 1.7+ vilket inte borde vara ett problem för en modern utvecklingsmiljö.

Härifrån lägger du bara till Slick.js filen och låt den gå. Bildspel kan skapas med mycket liten kod och här är a direktprov från Slick webbplatsen:

 
 
ditt innehåll
 
ditt innehåll
 
ditt innehåll
 
  

Med en enkel

behållare, du kan lägg till diabilder dynamiskt, inklusive bilder, HTML-innehåll och inbäddade media som videoklipp. Slick stöder allt med a fullständigt lyhörd design som håller bildförhållanden intakta.

Slick kommer med dussintals bra funktioner, inklusive svepfunktionalitet på mobil och dotnavigering. Du kan också ställa in autospela, anpassad animering, anpassade återuppringningar, och så mycket mer.

Detta bibliotek är ett komplett djur för skapa roterande karuseller. Och du kan göra allt med några enkla linjer av jQuery vilket gör detta ännu mer otroligt.

Till visa alla demos och komma igång, kolla in Slick hemsidan. Du kan också hitta all källkod och fullständig dokumentation för inställningar / alternativ i GitHub repo.