Zu Lightbox hinzufügen
Lightbox ist eine beliebte Low-Profile-Java-Skript, das Markieren von Fotos auf Ihrer Website in einer Weise, die sie nach vorne bringt und Center vorgestellten erleichtert. Indem Sie Ihre Website Leuchtkasten hinzufügen, ermöglichen Ihnen, Ihre Zuschauer Ihre Fotos auf einem Bildschirmmitte hochziehen und sie individuell zu prüfen. Es erlaubt auch dem Betrachter, die Fotografien schnell durchsuchen, indem Sie auf Links oder rechts auf dem Bild. Ihr Leuchtkasten-Skript weitere Fotos hinzufügen, ist eine Frage der Auflistung der Bilder, die in Ihrer Website-Verzeichnis innerhalb des Skripts Lightbox sind.
Anweisungen
1 Öffnen Sie Ihre Webseiten-Editor, und suchen Sie den Header Ihres HTML-Seitencode. Gehören Sie die drei Javascript Dateien in Ihrer Kopfzeile:
< Skript Typ = "Text/Javascript" href="css/lightbox.css" Type = "Text/Css" Medium = "Bildschirm" / >
3 Hinzufügen von Rel = "Lightbox" zu jedem Link-Tag um die Lightbox-Funktion zu aktivieren. Dies bedeutet, den HTML-Code für jedes Bild dieser Zeile hinzufügen Dreh- und Angelpunkt in der Lightbox-Funktion werden möchten. Zum Beispiel:
< a Href = "Bilder/Bild-1.jpg" Rel = "Lightbox" Title = "meine Überschrift" > Bild #1 </a >
Einfügen, was auch immer Sie gerne möchten, über die Fotografie zu sagen, durch das Ausfüllen der "meine Überschrift" mit Ihren eigenen Worten. Wenn Sie zusätzliche Fotos, porträtiert zu werden möchten, fügen Sie die Zeilen, die in Schritt 5 ausgewählte.
4 Fügen Sie zusätzliche Bilder durch Benennung einer Gruppe von Fotografien für Lightbox angezeigt. Tun Sie dies, indem Sie hinzufügen:
< a Href = "Bilder/Bild-1.jpg" Rel = "Lightbox [Gruppe]" > Bild #1 </a >
< a Href = "Bilder/Bild-2.jpg" Rel = "Lightbox [Gruppe]" > Bild #2 </a >
< a Href = "Bilder/Bild-3.jpg" Rel = "Lightbox [Gruppe]" > Bild #3 </a >
Platzieren Sie Ihren Namen der Gruppe von Fotografien, die Sie vorstellen, indem Sie sie in eckige Klammern, die sagen, "Gruppe" eingeben möchten. Verwenden Sie eine Zeile für jedes Foto, und denken Sie daran, dass es keine Begrenzung, wie viele Fotos, die Sie hinzufügen können.
5 Überprüfen Sie Ihr Skript durch hochziehen der Web-Seite in Ihrem Browser. Stellen Sie sicher, Ihre Verzeichnisse korrekt sind und dass die Bilder korrekt beschriftet haben, so dass das Lightbox-Script diese finden kann.