jCarousel

jQuery - Gallerie di immagini

jCarousel è un plugin jQuery per il controllo di un elenco di elementi in ordine orizzontale o verticale.
Le voci, che possono essere contenuti HTML statico o caricato con (o senza) AJAX, possono scorrere avanti e indietro (con o senza animazione).
Dopo aver scaricato e scompattato jCarousel è necessario includere il seguente codice all'interno del tag della vs pagina e verificare il corretto posizionamento dei file immagini e css.
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="skins/tango/skin.css" />
Per ogni immagine basterà aggiungere l'attributo rel in questo modo:
<ul id="mycarousel" class="jcarousel-skin-tango">
  <li><img src="img/thumbs/immagine1.jpg"/></li>
  <li><img src="img/thumbs/immagine2.jpg"/></li>
  <li><img src="img/thumbs/immagine3.jpg"/></li>
  <li><img src="img/thumbs/immagine4.jpg"/></li>
  <li><img src="img/thumbs/immagine5.jpg"/></li>
  <li><img src="img/thumbs/immagine6.jpg"/></li>
</ul>
ed infine utilizzare il selettore jQuery, ad esempio, come segue:
<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel();
  });
</script>