Forse il più popolare tra quelli utilizzati in rete, è sicuramente quello che ha dato il nome a tutti gli altri script di questo tipo: Lightbox, un'applicazione che permette di visualizzare ingrandimenti e gallerie di immagini in sequenza, di facile installazione e configurazione. Richiede il framework javascript Prototype e la libreria di effetti Script.aculo.us.
Versione: 2.04 (9/03/08)
Sito ufficiale: www.huddletogether.com/projects/lightbox2
Richiede: Prototype (1.6.0.2) + Scriptaculous (1.8.1)
Download: 194 KB (js + immagini + css)
Dopo aver scaricato e scompattato Lightbox2 sul vostro sito è necessario includere il seguente codice all'interno del tag <head> della vs pagina:
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
e verificare il corretto posizionamento dei file immagini e css. Per ogni immagine da zoommare basterà aggiungere l'attributo rel in questo modo:
<a href="big_01.jpg" rel="lightbox[demo]"><img src="small_01.jpg" /></a> <a href="big_02.jpg" rel="lightbox[demo]"><img src="small_02.jpg" /></a>
Esempio di galleria di foto realizzata con Lightbox2: opzioni base. Le poche opzioni e personalizzazioni (come velocità e opacità) le trovate sul sito dell'autore o editando il file "lightbox.js".
Per commenti, scriveteci.
