Vai ai contenuti

Menu principale:

lightbox


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

Istruzione, ovvero quello che ho capito io.

  • 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



Torna ai contenuti | Torna al menu