Costruisci carri armati jQuery ricchi di funzionalità con Slick

Non molti librerie carosello può competere con chiazza di petrolio. È il plugin jQuery più ricco di jam per costruire caroselli dinamici In rete.

È completamente gratuito e costruito su jQuery. Il codice è super facile da configurare, anche se lo fa richiedono alcune dipendenze. Ma con tanta funzionalità, vale la pena aggiungere le librerie extra per farlo funzionare.

A installa Slick, puoi visitare il repository GitHub e scaricare una copia. Viene fornito con due file CSS: uno per il impostazione di base e un altro per il tema Slick predefinito. Puoi facilmente combinare questi file nel tuo foglio di stile CSS primario se vuoi risparmiare spazio.

Quindi, è necessario due dipendenze jQuery: il libreria jQuery primaria insieme a jQuery Migrate. Slick richiede a minimo di jQuery 1.7+ quale dovrebbe essere nessun problema per un moderno ambiente di sviluppo.

Da qui, basta aggiungere il Slick.js file e lasciarlo andare. Le presentazioni possono essere create con un codice molto piccolo ed ecco a campione diretto dal sito web di Slick:

  il tuo contenuto
 il tuo contenuto
 il tuo contenuto

Con un semplice

contenitore, puoi aggiungi diapositive in modo dinamico, incluse immagini, contenuti HTML e contenuti multimediali incorporati come video. Slick supporta tutto con a design completamente reattivo che mantiene intatti i rapporti di aspetto.

Slick viene fornito con decine di grandi funzionalità, tra cui funzionalità di scorrimento su cellulare e punto di navigazione. Puoi anche impostare riproduzione automatica, animazione personalizzata, callback personalizzati, e molto di più.

Questa libreria è una bestia completa per creare caroselli rotanti. E puoi fare tutto con alcune semplici linee di jQuery il che rende questo ancora più incredibile.

A guarda tutti i demo e iniziare, controlla la pagina iniziale di Slick. Puoi anche trovare tutto il codice sorgente e documentazione completa per impostazioni / opzioni nel repository GitHub.