Nivo Slider

Leggero e semplice da configurare, questo "slider" è basato sulla libreria javascript jQuery.

Versione: 2.4 (24/01/11)
Sito ufficiale: nivo.dev7studios.com
Richiede: jQuery (1.4+)
Download: 90 KB (js + immagini + css + jquery-1.4.3.min)

 

Installazione

Dopo aver scaricato e scompattato Nivo Slider e jQuery sul vostro sito è necessario includere il seguente codice all'interno del tag <head> della vs pagina:

<link rel="stylesheet" type="text/css" href="nivo-slider.css" media="screen" />
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquery.nivo.slider.pack.js"></script>

e verificare il corretto posizionamento dei file immagini e css. Le immagini da visualizzare vanno racchiuse in un tag div in questo modo:

<div id="slider">
  <img src="slide_01.jpg" />
  <img src="slide_02.jpg" />
</div>

ed infine utilizzare il selettore jQuery, come segue:

<script type="text/javascript">
  $(window).load(function() {
    $('#slider').nivoSlider();
  });
</script>

 

Demo

Esempio di slideshow realizzato con Nivo Slider. Gli stili e i bottoni sono personalizzabili, molte opzioni di configurazione (transizioni, etc) le trovate sul sito dell'autore.

 

Per commenti, scriveteci.