Il componente Slider di uikit consente di gestire un insieme di elementi facendoli scorrere in orizzontale uno dopo l’altro.

Lo scorrimento può essere attivato cliccando su appositi pulsanti di avanzamento, trascinando con il mouse, verso destra o verso sinistra, gli elementi presenti all’interno dello slider oppure utilizzando, laddove possibile (dispositivi touch), la classica gesture di swipe.

ATTENZIONE! La documentazione ufficiale, assieme ad alcuni esempi di utilizzo, può essere consultata al seguente indirizzo http://getuikit.com/docs/slider.html

Lo Slider è il primo componente “avanzato” che analizziamo all’interno di questa guida. Nel sito ufficiale del progetto lo troviamo all’interno della sezione Components e, come tutti i componenti avanzati presenti all’interno di questa sezione, utilizza specifiche librerie CSS e javascript che dovranno quindi essere caricate all’interno del sito in aggiunta ai file “standard” uikit.css e uikit.js (parte core del framework)

In particolare le regole CSS relative a questo componente sono localizzate nel file slider.css (o nella sua versione minificata) che possiamo trovare nella cartella “css – components” ottenuta una volta decompattato l’archivio .zip scaricato dal sito del progetto (per maggiori informazioni in merito al download del framework si veda anche il relativo capitolo di questa guida)

Le istruzioni javascript necessarie per il corretto funzionamento del componente sono localizzate invece nel file slider.js (o nella sua versione minificata) che possiamo trovare all’interno della cartella “js – components”