La 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)
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>
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.
