Lightbox ist eine JavaScript-Datei zum Anzeigen der Bilder und Videos Ihrer Website. Wenn Sie dem Beziehungsattribut einer Grafik den Wert "Lightbox" zuweisen, können Benutzer auf die Grafik klicken, um sie auf dem Bildschirm zu erweitern. Wenn Ihr Unternehmen beispielsweise Innenräume für Ihr Zuhause entwirft und Ihre Website Beispiele für Ihre Arbeit enthält, können Lightbox-Elemente Kunden das Durchsuchen Ihres Portfolios ermöglichen, ohne separate Webseiten zu öffnen. In Browsern werden Lightbox-Elemente standardmäßig zentriert. Sie können jedoch in Dreamweaver zusätzliche Schritte ausführen, um Code zu blockieren, der diesem Layout möglicherweise entgegensteht.

1

Drücken Sie "F8", um das Bedienfeld "Dreamweaver-Dateien" zu öffnen.

2

Doppelklicken Sie auf "lightbox.css", um sie zu öffnen.

3.

Scrollen Sie zu dem Block, der den "Leuchtkasten" -Stil definiert. Der Code dieses Blocks wird wie folgt aussehen:

Leuchtkasten {

Position: absolut; Breite: 100%; z-Index: 10000; Text ausrichten: Mitte; Zeilenhöhe: 0; Schriftfamilie: "Lucida Grande", Tahoma, Verdana, Arial, Sans-Serif; Schriftgewicht: normal; }

4

Fügen Sie die folgenden Zeilen in den Block ein, wenn sie noch nicht vorhanden sind:

links: 0; oben: 0;

5

Ersetzen Sie die Zeile, die das Attribut "position" des Stils definiert, durch die folgende Zeile:

Position: feststehend;

6

Speicher die Datei.