HOME
Home

Contatti

TRUCCHI E MALIZIE IN BREVE

Album con Lightbox: come si usa

I file necessari si possono scaricare gratuitamente sul sito lightbox2, di Lokesh Dakar, in formato compresso. Una volta estratti i files si avrà una cartella in cui sono presenti:
il file di nome index.htm, che contiene tutte le spiegazioni;
una cartella di nome css, che a sua volta contiene il file lightbox.css, con lo stile necessario;
una cartella di nome js, che a sua volta contiene tutti gli script, in formato js;
una cartella di nome images, che a sua volta contiene i files immagine.
Le immagini possono essere personalizzate: ad esempio noi abbiamo sostituito all'immagine l'immagine salvandola con lo stesso nome closelabel.gif nella cartella images.
Abbiamo dato nome alla cartella che contiene tutti i files BOX .
A questo punto, come da istruzioni, abbiamo inserito fra i tag <HEAD> ed </HEAD> le seguenti righe di codice:

Abbiamo preparato, per le immagini da vedere singolarmente, un'anteprima di formato piccolo e per ognuna, abbiamo inserito un codice del tipo:

Invece, per le immagini che si presentano in gruppo, abbiamo sostituito rel="lightbox" con rel="lightbox[gruppo]".
In questo caso abbiamo anche aggiunto un titolo alle immagini (ma lo avremmo potuto fare anche per le precedenti): es. title="Rosa"

Infine, per avere un messaggio tipo Immagine 1 di 3, invece di Image 1 of 3, abbiamo corretto il codice del file lightbox.js, alle righe 61 e 62:

labelImage: "Immagine",
labelOf: "di"


Precedente          Indice           Successivo

Vuoi approfondire il linguaggio HTML?
Usa la nostra
GUIDA AL LINGUAGGIO HTML per cani, gatti e non solo!


Cerchi un argomento particolare di HTML?
Accedi all'INDICE DETTAGLIATO


Cerchi un trucco complesso?
La nostra sezione
TRUCCHI E MALIZIE
fa proprio al caso tuo!


Altrimenti, usa la ricerca di GOOGLE, magari a partire dal nostro sito!

Google


Ti piacciono i nostri trucchi?

Ci vuoi dare una mano a crescere e ad essere meglio conosciuti nel web?

Aggiungi un link al nostro sito!