Ecco un altro slider di immagini in jQuery con ottimi effetti visivi facile da utilizzare e configurare.

Il pacchetto che pesa solo 8Kb ha le seguenti caratteristiche:

Diversi effetti di transizione tra un’immagine e l’altra
Compatibile con  Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
HTML validato
Configurazione molto flessibile
Possibilità di auto slide
Possibilità di inserire un box per la navigazione tra le immagini
E’ possibile linkare le immagini dello slide
Utilizzo completamente libero con licenza MIT
Customizzabile via CSS

j

Ecco alcuni dei valori che potete cambiare a vostro piacimento

width: 565, // larghezza dello slider
height: 290, // altezza dello slider
spw: 7, // n° di quadrati per larghezza
sph: 5, // n° di quadrati per altezza
delay: 3000, // ritardo in millisecondi tra un'immagine e l'altra
sDelay: 30, // ritardo in millisecondi per la transizione con i quadrati
opacity: 0.7, // opacità dei titoli e dei pulsanti di navigazione
titleSpeed: 500, // velocità di apparizione dei titoli in millisecondi
effect: '', // random, swirl, rain, straight (tipo di transizione)
navigation: true, // mostra / nasconde i pulsanti avanti e indietro
links : true, // attiva / disattiva i link sulle immagini
hoverPause: true // mette in pausa le transizioni al passaggio del mouse

Il pacchetto è molto simile a NivoSlider, che avevo presentato qualche giorno fa, anche se introduce qualche settaggio in più.

Il codice completo e le informazioni per il corretto funzionamento le trovate sul sito dell’autore qui

2 Commenti