Übung: lightBox-Fotogalerie

Obwohl jQuery lightBox wirklich einfach zu verwenden ist, ist eine Schritt-für-Schritt-Übung immer hilfreich, damit Sie sehen, wie es gemacht wird. In dieser Übung gestalten Sie aus einer einfachen Seite mit einer Reihe von Thumbnails eine schicke lightBox-Diashow.

Anmerkung

Hinweise zum Herunterladen der Übungsdateien finden Sie auf Seite 27.

  1. Öffnen Sie die Datei 7.3.html im Verzeichnis Kapitel07 in einem Texteditor.

    Diese Datei ist dieselbe, mit der Sie die erste Übung in diesem Kapitel begonnen haben – eine einfache Gruppe von Thumbnails. Jedes Bild ist mit einer größeren Version des Fotos verknüpft, und alle Thumbnails befinden sich in einem <div>-Tag mit der ID galerie.

    Im ersten Schritt verknüpfen Sie die von lightBox ...

Get JavaScript MISSING MANUAL now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.