Diashow: Anzeige von Bildern aus der Medienbibliothek in Diashows
  • Das Diashow-Control ermöglicht es eine Vielzahl von Bilder in einer Diashow zu präsentieren.
Vorgehensweise
  1. Erstellen Sie einen neuen Paragraphen mit dem Typ Control
  2. Definieren Sie als Control Diashow
  3. Fügen Sie ggf. einen Titel hinzu
  4. Definieren Sie die Bildgruppen. Klicken Sie auf die 3-Punkte Schaltfäche und fügen Sie einen neuen Eintrag hinzu
  5. Wählen Sie über den Button Bilder hinzufügen die gewünschten Bilder aus den Medienmanager. (weitere Infos im Eigenschaftsbereich)
  6. Sie können auch verschiedene Bildgruppen definieren.
  7. Füllen Sie folgende Eigenschaften:
    • Intervall
    • Effekt
    • Autostart
    • zufälliges Startbild
    • Gruppe automatisch wechseln (wenn verschiedene Bildgruppen notiert wurden)
    • Höhe des Containers
    • Toolbar anzeigen - einblenden einer Toolbar in der Diashow (siehe Demobeispiel weiter unten)
    • Toolbar-Verhalten
    • Copyright anzeigen (Ja/Nein)
  8. Übernehmen Sie die Einstellungen
Demo Diashow mit automatischem Bildwechsel
Demo Diashow mit Playbuttons und horizontalem Bildwechsel
Eigenschaften des Controls Diashow

Bilder:

Bildgruppen: Auswahl einer oder mehrerer Gruppen von Bildern für die Diashow. Die Gruppen können anhand ihrer Id in Interaktionsmethoden angesprochen werden. Die Reihenfolge der Auflistung bestimmt die Reihenfolge der Anzeige. Das erste Bild der ersten Gruppe ist das initial dargestellte Bild.

Bildgruppen anlegen:

  1. Klicken Sie auf die Schaltfläche b_dreipunkte(1).png am rechten Zeilenende.
  2. Neue Bildgruppen fügen Sie über den Button b_eintraghinzufuegen_audio.png hinzu.
  3. Vergeben Sie eine eindeutige Id
  4. und klicken Sie im Feld Bilder auf die Schaltfläche b_dreipunkte(1).png am Ende der Zeile.

Bilder zu Bildgruppen hinzufügen:

  1. Es öffnet sich ein weiterer Dialog um Bilder zur Diashow hinzuzufügen.
  2. Ein Klick auf die Schaltfläche b_bilderhinzufuegen.png öffnet den Medienmanager.
  3. Wählen Sie die gewünschten Bilder durch Häkchensetzung aus.
  4. Über die Schaltfläche b_dreipunkte(1).png am Bildeintrag (siehe Abbildung) öffnet sich ebenfalls der Medienmanager.

bilderhinzufuegen.png

Die Reihenfolge der Bilder kann über die Schaltflächen FotopfeilOben.png und Fotopfeilunten.png bestimmt werden. Wurden Bilder falsch zugeordnet, können diese über die Schaltfläche b_ausgewaehlteBilderentfernen.png aus der Bildgruppe gelöscht werden. Übernehmen Sie alle Eingaben oder richten Sie klickbare Bereiche ein.


Diashow

  • Intervall: Bestimmt, wie lange (in s) ein Bild angezeigt wird, bevor zum Nächsten gewechselt wird.
  • Effekt: Bestimmt den Effekt, der beim Umschalten der Bilder angewendet wird. [Keiner / sanft ein- und ausblenden / horizontal verschieben / vertikal verschieben]
  • AutoStart: Bestimmt, ob die Diashow automatisch startet. [Ja/Nein]
  • Gruppen automatisch wechseln: Gibt an, ob die Diashow beim Abspielen automatisch zur nächsten Bildgruppe wechselt, wenn das Ende einer Gruppe erreicht ist. Bei nein, spielt die Diashow nur die aktuelle Bildgruppe ab. Der Wechsel der Bildgruppen kann dann ausschließlich über Interaktionen erfolgen. [Ja/Nein]
  • Toolbar anzeigen: Gibt an, ob eine Toolbar zur Steuerung der Diashow angezeigt werden soll. [Ja/Nein] toolbar.png
  • Copyright anzeigen: Gibt an, ob der Copyright-Vermerk der gerade sichtbaren Datei angezeigt werden soll. [Ja/Nein] Dieser wird im Medienmanager an der Datei notiert.

Anzeigeverhalten:

  • Höhe des Containers: Gibt die Höhe des Controls in Pixeln an. Als Breite wird der zur Verfügung stehende Platz genutzt. Die Bilder werden automatisch in die Größe eingepasst.

Zusätzliche CSS-Klassen für das Element: mehrere können durch Leerzeichen voneinander getrennt notiert werden.