Ereignismarkierungen und Ereignislabels zur Zeitachse hinzufügen

Im Ereignis-Track, der sich im Erweiterten Modus oben in der Zeitachse befindet, können Sie Zeitachsenanimationen mithilfe entsprechender Markierungen und Labels mit Ereignissen verknüpfen. Anhand von Ereignismarkierungen ist es möglich, Ereignisse an bestimmten Punkten in der Zeitachse auszulösen, und mit Ereignislabels konfigurieren Sie Ereignisse, über die die Animation gesteuert wird.

Bei Videoanzeigen werden keine Ereignisse berücksichtigt, deshalb ist der Ereignis-Track in den Zeitachsen von Videoanzeigen nicht zu sehen.

Ereignismarkierungen 

Zeitachsenbasierte Ereignisse werden mithilfe von Ereignismarkierungen im Ereignis-Track festgelegt. Sobald der Abspielkopf der Animation die Markierung auf der Zeitachse erreicht, wird das Ereignis ausgelöst.

Wenn Sie eine Animation in der Vorschau ansehen oder Scrubbing durchführen, werden keine Ereignisse ausgelöst. Sie können Ereignisse testen, indem Sie die Anzeige oder Webseite in der Vorschau ansehen.

Der Zeitachse eine Ereignismarkierung hinzufügen

Wenden Sie eine der folgenden Methoden an:

• Klicken Sie mit der rechten Maustaste auf die Stelle im Ereignis-Track, an der Sie die Ereignismarkierung hinzufügen möchten, und wählen Sie im Pop-up-Menü Ereignis hinzufügen aus.
• Klicken Sie in der Zeitachse an die Stelle oder bewegen Sie den Abspielkopf dorthin, wo die Ereignismarkierung hinzugefügt werden soll. Klicken Sie dann im Ereignis-Track auf die Schaltfläche Ereignis hinzufügen .

Einer Ereignismarkierung ein Ereignis hinzufügen

Wenden Sie eine der folgenden Methoden an:

• Klicken Sie doppelt auf die Ereignismarkierung. Das Dialogfeld „Ereignisse“ wird für den Schritt zur Aktionsauswahl geöffnet.
• Klicken Sie mit der rechten Maustaste auf die Ereignismarkierung und wählen Sie aus dem Pop-up-Menü Ereignis zur Markierung hinzufügen... aus. Das Dialogfeld „Ereignisse“ wird für den Schritt zur Aktionsauswahl geöffnet.
• Klicken Sie im Steuerfeld „Ereignisse“ auf die Schaltfläche Ereignis hinzufügen , um das Dialogfeld „Ereignisse“ für ein neues Ereignis zu öffnen. Wählen Sie für das Ziel das übergeordnete Element des animierten Elements (üblicherweise die Seite) und für das Ereignis die Ereignismarkierung aus.

Ereignis an einer Ereignismarkierung bearbeiten

Klicken Sie mit der rechten Maustaste auf die Markierung und wählen Sie das zu ändernde Ereignis aus der Liste im Pop-up-Menü aus.

Ereignismarkierung entfernen

Klicken Sie mit der rechten Maustaste auf die Markierung, die Sie entfernen möchten, und wählen Sie im Pop-up-Menü Ereignismarker löschen aus. Mit dieser Aktion werden auch alle Ereignisse gelöscht, die durch diese Markierung ausgelöst wurden.

Einzelne Ereignisse können Sie im Steuerfeld Ereignisse löschen.

Ereignismarkierung umbenennen

1. Klicken Sie mit der rechten Maustaste auf die Markierung, die Sie umbenennen möchten, und wählen Sie im Pop-up-Menü Name der Ereignismarkierung bearbeiten… aus.
2. Geben Sie den neuen Namen ein.
3. Drücken Sie die Eingabetaste.

Ereignismarkierung verschieben

Ziehen Sie die Markierung an die neue Position auf der Zeitachse.

Ereignislabels 

Ereignislabels sind benannte Positionen auf der Zeitachse. Wenn Sie den Abspielkopf mithilfe eines Ereignisses an einem bestimmten Punkt auf der Zeitachse platzieren möchten, müssen Sie an diesem Punkt ein Ereignislabel hinzufügen.

Ereignislabel zum Ereignis-Track hinzufügen

Wenden Sie eine der folgenden Methoden an:

• Klicken Sie auf der Zeitachse an der entsprechenden Position oder bewegen Sie den Abspielkopf dorthin, wo das Label hinzugefügt werden soll, und klicken Sie anschließend auf Ereignisebene auf die Schaltfläche Label hinzufügen . Google Web Designer weist dann einen allgemeinen Labelnamen zu.
• So geben Sie einen Labelnamen an:
  1. Klicken Sie mit der rechten Maustaste im Ereignis-Track an der Position, an der Sie das Label hinzufügen möchten, und wählen Sie aus dem Pop-up-Menü Label hinzufügen... aus.
  2. Geben Sie im Pop-up-Dialogfeld einen Labelnamen ein.
  3. Drücken Sie die Eingabetaste.

Ereignislabel entfernen

Klicken Sie mit der rechten Maustaste auf das zu entfernende Label und wählen Sie im Pop-up-Menü Label löschen aus. Mit dieser Aktion werden auch alle Ereignisse gelöscht, die für die Nutzung dieses Ereignislabels konfiguriert wurden.

Ereignislabel umbenennen

1. Klicken Sie mit der rechten Maustaste auf das Label, das Sie umbenennen möchten, und wählen Sie im Pop-up-Menü Label bearbeiten… aus.
2. Geben Sie den neuen Namen ein.
3. Drücken Sie die Eingabetaste.

Ereignislabel verschieben

Ziehen Sie das Ereignislabel auf der Zeitachse an eine neue Position.

Aktionen

Folgende Zeitachsenaktionen können von anderen Ereignissen ausgelöst werden:

Aktion	Konfigurationsoptionen
pause	Keine
play	Keine
togglePlay	Keine
gotoAndPlay	Label: Ereignislabel, an dem die Animation starten soll
gotoAndPlayNTimes	Label: Ereignislabel, an dem die Animation starten soll Wiederholen: Häufigkeit, mit der die Animation als Schleife wiedergegeben werden soll
gotoAndPause	Label: Ereignislabel, an dem die Animation starten soll

Für benutzerdefinierte Zeitachsenaktionen, die die Animation pausieren (pause, togglePlay und gotoAndPause), sollte folgende Syntax verwendet werden:

gwd.actions.timeline.pause('<elementID>');