Corsi on-line

Slimbox 2: Lightbox con jQuery in 4 Kb di codice

Slimbox 2 è un clone della nota libreria JavaScript Lightbox 2 che permette di visualizzare ingrandimenti di immagini in sovrapposizione con trasparenza; la caratteristica principale di Slimbox 2 è quella di essere un’estensione leggerissima, pesa appena 4 Kb e per questo motivo risulta molto efficiente e semplice da utilizzare.

Un volta scaricata l’estensione, bisognerà includere i file necessari nella pagina in cui di desidera utilizzarla:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>

e poi richiamare il relativo file CSS per gli stili delle Lightbox:

<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />

A questo punto, associare le Lightbox alle diverse miniature sarà semplicissimo, basterà seguire il modello dell’esempio seguente:

<a href="images/image-1.jpg" rel="lightbox-cats">image #1</a>
<a href="images/image-2.jpg" rel="lightbox-cats">image #2</a>
<a href="images/image-3.jpg" rel="lightbox-cats">image #3</a>
Post correlati
I più letti del mese
Tematiche