Lightbox 2

lightbox jsForse 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)

 

Installazione

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>

 

Demo

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.