Lightbox er en JavaScript-fil til visning af dit websites billeder og video. Når du tildeler værdien "Lightbox" til en grafiks forholdsattribut, kan brugerne klikke på grafikken for at udvide den på tværs af skærmen. Hvis din virksomhed f.eks. Designer hjeminteriør, og dit websted indeholder eksempler på dit arbejde, kan lyselementelementer lade kunder gennemse din portefølje uden at åbne separate websider. Browsers center Lyselementelementer som standard, men du kan tage yderligere trin i Dreamweaver for at blokere kode, der kan modvirke dette layout.

1.

Tryk på "F8" for at åbne panelet Dreamweaver Files.

2.

Dobbeltklik på "lightbox.css" for at åbne den.

3.

Rul til blokken, der definerer "lightbox" stilen. Denne blokkode vil ligne følgende:

lyskasse {

position: absolut; bredde: 100%; z-indeks: 10000; tekst-align: center; linjehøjde: 0; font-familie: "lucida grande", tahoma, verdana, arial, sans-serif; skrifttype-vægt: normal; }

4.

Tilføj følgende linjer inden for blokken, hvis de ikke allerede er til stede:

venstre: 0; top: 0;

5.

Udskift linjen, der angiver stilens "position" -attribut med følgende linje:

stilling: fast;

6.

Gem filen.