lightbox

Ecco applicato il lavoro di Lokesh Dhakar LigxBox 2 In Website Evolution.

• Come prima cosa scaricare questo > pacchetto.zip < e inserire i files contenuti nella cartella files del vostro sito.

Essi servono per far funzionare il tutto, sono già corretti z-index degli elementi

• Inserire nelle Proprietà Avanzate della pagina, sezione esperto, codice da inserire in Head queste stringhe di richiamo

<script type="text/javascript" src="files/prototype.js"></script>
<script type="text/javascript" src="files/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="files/lightbox.js"></script>
<link rel="stylesheet" href="files/lightbox.css" type="text/css" media="screen" />

• Le immagini miniature, vanno inserite in codice HTML, in Oggetto HTML, nella pagina con il codice che volete voi. Io ho utilizzato questo e mi sembra funzionale. Le miniature sono in formato png

<a href="percorso_immagine/nome_immagine.jpg" rel="lightboxlightbox[02]" title="Descrizione immagine ingrandita"><img style="border:none;" class="imImagePNG" src="percorso_miniature/nome_miniatura.png" width="146" height="146" alt="quello che volete" /></a>

• In una pagina potete inserire quante gallerie volete cambiando

lightboxlightbox[02]

• i valori

width="146" height="146"
Sono riferiti all'immagine miniatura.png inserita nella pagina