Shadowbox.js

shadowbox javascriptLa 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"

 

Installazione

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>

 

Demo

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.