Ü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 ...

Get JavaScript MISSING MANUAL now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial