Leuchtkasten ist ein Skript, das Sie verwenden, um Bilder auf Ihren Webseiten überlagern können . Sie können auch überlagern Text, wenn Sie eine modifizierte Version des Skripts verwenden . Wenn Sie nicht möchten, dass ein Skript auf Ihre iWeb Website verwenden , aber sie wollen immer noch angezeigt Leuchtkasten - wie Text , können Sie Cascading Style Sheets. Die CSS- Verfahren ist nicht so individuell, wie die tatsächliche Lightbox Script, aber es ermöglicht es Ihnen, Lightbox- wie Text und Bilder richtig angezeigt. Dinge, die Sie in alle Bilder in einem Ordner
brauchen anzeigen Weitere Anweisungen
1

öffnen iWeb und erstellen Sie eine neue Seite , wie " introduction.html " .
Seite 2

wählen Sie auf der Website auf Ihrer Festplatte veröffentlichen und wählen Sie einen Ordner .
3

erstellen Sie ein neues Textdokument in dem Ordner, in dem Sie die Website und nennen Sie es " lightbox.css " .
4

Öffnen Sie die " lightbox.css " Dokument in einem Texteditor wie Notepad oder WordPad.
5

Kopieren und fügen Sie die folgenden Code in das Dokument , und speichern Sie die Datei und schließen :

black_overlay {display : none; Position : . absolute ; top: 0% ; left: 0 %; width: 100% ; height: 100% ; background-color : black; z -index: 1001 ; -moz -opacity : 0.8 ; opacity: .80 ; Filter : . alpha ( Opazität = 80 );}

white_content {display : none; position: absolute ; top : 25%; links: 25%; width: 50%; Höhe : 50%; padding: 16px ; border : 16px solid orange ; background-color : white; z -index: 1002 ; overflow: auto; }
Seite 6

Öffnen Sie die " introduction.html " Seite in den Ordner, in dem Sie sie erstellt haben mit Ihrem Texteditor.
7

Legen Sie diese Zeile irgendwo zwischen dem " "und" "-Tags , um die CSS -Datei zu laden :

8

Kopieren Sie den folgenden Code zwischen den " " und " "-Tags einfügen Leuchtkasten - wie Text :

Wenn Sie einen Leuchtkasten anzeigen möchten , klicken Sie auf

9

" diese Verbindung, " in dem Code aus Schritt 8 mit dem Element ersetzen , dass Sie die Benutzer wollen klicken , um den Leuchtkasten anzuzeigen.
10

Ersetzen "Dies ist der Leuchtkasten - wie Text . Alles kann hier gehen , einschließlich der Bilder "mit Ihrem Leuchtkasten - wie Text . Sie können sogar Bilder . Klickt der Benutzer "Close ", der Leuchtkasten schließt .
11

Speichern und schließen Sie die " introduction.html "-Datei.