Lysboksen er en JavaScript-fil for visning av nettstedets bilder og video. Når du tilordner verdien "Lightbox" til et grafikkens forholdsattributt, kan brukerne klikke på grafikken for å utvide den over skjermen. Hvis firmaet ditt for eksempel designer hjeminteriør og ditt nettsted inneholder eksempler på arbeidet ditt, kan lyselementelementer la kundene bla gjennom porteføljen din uten å åpne separate websider. Browsersenter Lyser elementelementer som standard, men du kan ta ytterligere trinn i Dreamweaver for å blokkere kode som kan motvirke denne layouten.

1.

Trykk "F8" for å åpne Dreamweaver Files-panelet.

2.

Dobbeltklikk på "lightbox.css" for å åpne den.

3.

Bla til blokken som definerer "lightbox" -stilen. Denne blokkens kode vil lignes på følgende:

lysboks {

posisjon: absolutt; bredde: 100%; z-indeks: 10000; tekstjustering: center; linjehøyde: 0; font-familie: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; }

4.

Legg til følgende linjer i blokken hvis de ikke allerede er tilstede:

venstre: 0; topp: 0;

5.

Erstatt linjen som angir stilens "posisjon" -attributt med følgende linje:

posisjon: fast;

6.

Lagre filen.