Ü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, ist barrierefreies ...

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.