Übung: eine automatische Diashow

In dieser Übung verwenden Sie das jQuery-Cycle-Plug-in für eine automatische Diashow. Damit die Benutzer mitbestimmen können, fügen Sie auch Buttons zum Navigieren und Anhalten der Diashow ein (siehe Abbildung 7-9).

Anmerkung

Informationen zum Herunterladen der Übungsdateien finden Sie im Hinweis auf Seite 27.

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

    Wenn Sie einen Blick auf das HTML werfen, sehen Sie ein <div>-Tag mit der ID galerie. Dieses <div> enthält fünf weitere <div>-Tags, jedes mit einem Bild und einem Textabsatz. Mit dem Cycle-Plug-in werden Sie die <div>-Tags nacheinander anzeigen.

    Beachten Sie außerdem, dass zwei Stile in der CSS-Datei der Diashow (diashow.css ...

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