Lightbox är en JavaScript-fil för visning av webbplatsens bilder och video. När du tilldelar värdet "Lightbox" till en grafiks relationattribut, kan användare klicka på grafiken för att expandera den över skärmen. Om ditt företag exempelvis designar heminredning och din webbplats innehåller exempel på ditt arbete, kan ljuselementets element låta kunder bläddra igenom din portfölj utan att öppna separata webbsidor. Browsers center Lightboxelement som standard, men du kan ta ytterligare steg i Dreamweaver för att blockera kod som kan motverka denna layout.

1.

Tryck på "F8" för att öppna Dreamweaver Files-panelen.

2.

Dubbelklicka på "lightbox.css" för att öppna den.

3.

Bläddra till blocket som definierar "lightbox" -stilen. Kodens kod kommer att likna följande:

ljuslåda {

position: absolut; bredd: 100%; z-index: 10000; text-align: center; linjehöjd: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; typsnitt: normal; }

4.

Lägg till följande rader inom blocket om de inte redan finns:

vänster: 0; topp: 0;

5.

Byt ut raden som anger stilens "position" -attribut med följande rad:

position: fast;

6.

Spara filen.