Lightbox ist ein freies Open -Source- JavaScript-Bibliothek , die Sie verwenden, um eine Bildergalerie auf Ihrer Webseite präsentieren in einer optisch ansprechenden Weise . Klickt ein Nutzer auf einer Ihrer Miniaturbilder wird Lightbox verblassen die Seite Hintergrund und vergrößern auf das Bild um das Browser-Fenster zu füllen. Der Schöpfer der Lightbox hat es möglich gemacht , um diese Funktionalität zu Ihrer Website hinzufügen mit nur ein paar kleinere Änderungen an Ihrem HTML-Code. Things You Browser HTML Seite (n) brauchen Stockbilder anzeigen Weitere Anweisungen 1
Öffnen Sie Ihren Webbrowser und gehen Sie zu dem Leuchtkasten Homepage ( siehe Ressourcen). Laden Sie die neueste Version der Bibliothek . 2
Entpacken Sie die ZIP -Datei, die Sie heruntergeladen haben. Es enthält eine Beispiel-HTML- Datei und drei Ordner : "css ", die Stylesheets von Lightbox verwendet wird, enthält ; " Bilder ", die Bilder von der Bibliothek verwendet wird, enthält , und "js ", die die Lightbox Quellcode enthält sowie die Prototypen-und Scriptaculous Bibliotheken, die von Lightbox erforderlich sind. 3
Kopieren Sie die "css ", " images" und "js " Ordner zu einem Ort , die über Ihre Webseite ist . Die übrigen Schritte wird davon ausgegangen, dass sie im gleichen Verzeichnis wie die HTML -Datei abgelegt , wenn Sie sie in einem anderen Ort , müssen Sie die Pfade in diesen Schritten entsprechend anpassen 4
. Öffnen Sie die HTML -Datei, die Lightbox in Ihrem bevorzugten Text- Editor zu verwenden. 5
Wenn Sie nicht bereits mit der Prototype und Scriptaculous Bibliotheken auf Ihrer Webseite ein , fügen Sie die folgenden zwei Zeilen in der "
Sie diesen Schritt überspringen, wenn Sie bereits mit Prototype und Scriptaculous . 6 < p> Fügen Sie die folgenden zwei Zeilen in der " head "-Abschnitt nach den Zeilen , dass die Last Prototype und Scriptaculous :
