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

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.