bedingte Ausführung

Ob ein Verhalten ausgelöst wird oder nicht, kann zusätzlich von einer Bedingung abhängig gemacht werden. Dazu wird in der Spalte "Bedingung" einer von vier Werten gesetzt:

immer: die Aktion wird bei jeder Auslösung durchgeführt
deaktiviert: das gesamte Verhalten ist deaktiviert
bedingt:
Script: eine Javascript-Funktion mit Ergebnis true oder false

Bei bedingter Ausführung öffnet sich durch Klick auf das Nachbarfeld "Bedingung ..." ein Dialog, mit dem die Bedingung näher spezifiziert wird.

Media-Query (optional): geben Sie in dieses Feld eine Media-Query im Stil von CSS3 ein. Die Aktion wird nur ausgelöst, wenn die Media-Query erfüllt ist
z.B.

(orientation: landscape) and (min-width: 600px)

Zähler: definiert das Verhalten, wenn ein Auslöser (z.B. Mausklick) mehrmals aktiviert wird.

immer (Standardeinstellung): die Aktion wird immer ausgelöst
einmal: die Aktion wird nur beim ersten Mal ausgelöst
gerade, ungerade: die Aktion wird bei jedem zweiten Mal ausgelöst, beginnend ab dem ersten Auftreten (ungerade) oder ab dem zweiten (gerade)

Beispiel: bei Klick auf das nachfolgende Bild wird ein Erklärungstext abwechselnd ein- und wieder ausgeblendet

Die Steyr ist ein Fluss in der oberösterreichischen Region Pyhrn-Eisenwurzen, der im Toten Gebirge in der Nähe der Baumschlagerreith im Ort Hinterstoder (Bezirk Kirchdorf an der Krems) entspringt und nach rund 68 km in der Stadt Steyr von links in die Enns mündet. (Wikipedia)

Auslöser	Aktion	Bedingung	...
click	aufklappen	bedingt	Zähler: ungerade
click	zuklappen	bedingt	Zähler: gerade

Sitzung:

Über das Feld "Sitzung" lässt sich steuern, ob die Aktion während einer Browsersitzung

immer
nur beim ersten Seitenaufruf
erst ab dem 2. Aufruf dieser Seite

durchgeführt wird.

Durch sukzessiven Aufbau einer Seite und gutem Timing kann das Interesse und die Spannung beim Besucher erhöht werden. Bei einer mehrmaligen Rückkehr zu dieser Seite kann allerdings ein langsamer Aufbau der Seite als unangenehm und störend empfunden werden.

Um dem zu begegnen kann man die Seite mit Hilfe dieser Einstellung nur beim Erstaufruf langsam und bei jedem weiteren Aufruf rasch aufbauen lassen.

Script: bool'sche Javascript-Funktion, ist das Ergebnis true, wird die Aktion ausgelöst, sonst nicht.

Die Signatur der Funktion:

function (anim)

this: Element, für das das Verhalten definiert ist

anim: Verhalten-Datensatz

return: true - Verhalten wird ausgelöst / false: Verhalten wird nicht ausgelöst

Zum Öffnen des Codeditors klicken Sie auf den Button "Code-Editor"