Lightbox to plik JavaScript służący do wyświetlania zdjęć i filmów Twojej witryny. Po przypisaniu wartości "Lightbox" do atrybutu relacji graficznej użytkownicy mogą kliknąć grafikę, aby rozwinąć ją na ekranie. Jeśli na przykład Twoja firma projektuje wnętrza domu, a Twoja witryna zawiera próbki Twojej pracy, elementy Lightbox mogą pozwolić klientom przeglądać portfolio bez otwierania oddzielnych stron internetowych. Domyślnie elementy Centrum wyszukiwarki są widoczne w przeglądarce, ale możesz wykonać dodatkowe kroki w programie Dreamweaver, aby zablokować kod, który może przeciwdziałać temu układowi.

1.

Naciśnij "F8", aby otworzyć panel Dreamweaver Files.

2.

Kliknij dwukrotnie plik "lightbox.css", aby go otworzyć.

3.

Przejdź do bloku, który definiuje styl "lightbox". Kod tego bloku będzie podobny do następującego:

lightbox {

pozycja: absolutna; szerokość: 100%; z-indeks: 10000; text-align: center; wysokość linii: 0; rodzina czcionek: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; }

4.

Dodaj poniższe wiersze w bloku, jeśli nie są jeszcze obecne:

lewo: 0; top: 0;

5.

Zastąp linię, która ustawia atrybut "position" stylu, następującym wierszem:

position: fixed;

6.

Zapisz plik.