La particolarità di questo lightbox sta nella fatto che tramite dei semplici "adapter" è in grado di appoggiarsi al vostro framework javascript preferito, oppure girare da solo (standalone).
Versione: 3.0.3 (10/03/10)
Sito ufficiale: shadowbox-js.com
Richiede: jQuery o Prototype o MooTools o altri js framework o nessuno dei precedenti
Download: 41,9 KB (js + immagini + css) - versione "standalone"
Dopo aver scaricato e scompattato sul vostro sito Shadowbox.js, il vostro framework e l'adattatore (scaricabile al momento del download dal sito) è necessario includere il seguente codice all'interno del tag <head> della vs pagina:
<link rel="stylesheet" type="text/css" href="shadowbox.css"> <script type="text/javascript" src="shadowbox.js"></script>
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="shadowbox[demo]"><img src="small_01.jpg" /></a> <a href="big_02.jpg" rel="shadowbox[demo]"><img src="small_02.jpg" /></a>
ed infine chiamare, sempre all'interno di <head>:
<script type="text/javascript"> Shadowbox.init(); </script>
Esempio di galleria fotografica realizzata con Shadowbox.js nella configurazione base standalone. Moltissime le possibilità di personalizzazione: le trovate tutte sul sito dell'autore.
Per commenti, scriveteci.
