Lytebox

lytebox jsLa particolarità di questo "lightbox clone" sta nella sua leggerezza e nella possibilità di utilizzarlo in pagine con iFrame e, a differenza di altri script, non richiede l'istallazione di framework o librerie: tutto il codice necessario è contenuto nel suo file js.

Versione: 3.22 (2/10/07)
Sito ufficiale: www.dolem.com/lytebox
Richiede: nulla
Download: 52,7 KB (js + immagini + css)

 

Installazione

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

<script type="text/javascript" src="lytebox.js"></script>
<link rel="stylesheet" type="text/css" href="lytebox.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="lytebox[demo]"><img src="small_01.jpg" /></a>
<a href="big_02.jpg" rel="lytebox[demo]"><img src="small_02.jpg" /></a>

Attenzione: per attivare la funzionalità di "slidedshow" automatico utilizzare lyteshow al posto di lytebox, come segue:

<a href="big_01.jpg" rel="lyteshow[demo]"><img src="small_01.jpg" /></a>
<a href="big_02.jpg" rel="lyteshow[demo]"><img src="small_02.jpg" /></a>

 

Demo

Esempio di galleria fotografica realizzata con Lytebox nella configurazione base (opzione slideshow). Altre possibilità di personalizzazione le trovate sul sito dell'autore.

 

Per commenti, scriveteci.