Lightbox è un file JavaScript per la visualizzazione di immagini e video del tuo sito web. Quando si assegna il valore “Lightbox” all’attributo di relazione di un grafico, gli utenti possono fare clic sull’immagine per espanderla sullo schermo. Ad esempio, se la tua azienda progetta interni domestici e il tuo sito include esempi del tuo lavoro, gli elementi Lightbox possono consentire ai clienti di sfogliare il tuo portfolio senza aprire pagine Web separate. I browser centrano gli elementi lightbox per impostazione predefinita, ma è possibile eseguire ulteriori passaggi in Dreamweaver per bloccare il codice che potrebbe contrastare questo layout.

1

Premi “F8” per aprire il pannello File di Dreamweaver.

2

Fare doppio clic su “lightbox.css” per aprirlo.

3

Scorri fino al blocco che definisce lo stile “lightbox”. Il codice di questo blocco sarà simile al seguente:

lightbox {

posizione: assoluta; larghezza: 100%; z-index: 10000; text-align: center; line-height: 0; famiglia di caratteri: “lucida grande”, tahoma, verdana, arial, sans-serif; spessore del carattere: normale; }

4

Aggiungi le seguenti righe all’interno del blocco se non sono già presenti:

sinistra: 0; in alto: 0;

5

Sostituisci la riga che imposta l’attributo “position” dello stile con la seguente riga:

posizione: fissa;

6

Salvare il file.