Übung: Fotogalerie mit Effekten

Jetzt erweitern Sie die vorherige Übung und erstellen eine Fotogalerie auf nur einer Seite. Auf dieser Seite soll das größere Bild in die Seite geladen und angezeigt werden, wenn die Besucher auf einen Thumbnail klicken (siehe Abbildung 7-4). Außerdem verwenden Sie einige Effektfunktionen von jQuery, um die Übergänge zwischen den großen Bildern visuell ansprechender zu gestalten.

Überblick

Die Funktionsweise der Galerie ist ziemlich überschaubar – ein Klick auf den Thumbnail öffnet ein größeres Bild. Die Übung zeigt Ihnen allerdings, wie Sie die großen Bilder mit Überblendeffekten austauschen und die Darstellung dadurch interessanter machen.

Eine weitere wichtige Technik, die Sie hier verwenden, ...

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