Website Maker: Maus-Aktionen Prinzip
Hallo liebe Website Maker Nutzer,
im Folgenden zeigen wir Euch kurz das Prinzip der Maus-Aktionen (Maus-Effekte).
Was sind Maus-Aktionen?
Es gibt es 3 Zustände:
1. MouseOver: Mauszeiger befindet sich über einem Objekt
2. MouseOut: Mauszeiger befindet sich außerhalb eines Objektes
3. MouseClick: Maus hat ein Objekt angeklickt (mit linker Maustaste)
Im Website Maker könnt Ihr für jeden dieser 3 Zustände beliebig viele Aktionen für ein Objekt festlegen.
Beispiele:
- Ein oder mehrere Objekte einblenden bei MouseOver-Zustand eines bestimmten Objektes
- Ein oder mehrere Objekte ausblenden bei MouseOut-Zustand eines bestimmten Objektes
- Einen Sound abspielen bei MouseClick oder MouseOver
Die Liste kann man noch erweitern und wir werden auch noch mehr Aktionen in Zukunft einbauen...
Beispiel: Ein Objekt bei MouseOver einblenden und bei MouseOut ausblenden
1. Auslöser-Objekt und Aktions-Objekt festlegen
In unserem Beispiel ist der Button der Auslöser und der Stern das Objekt, welches ein- und ausgeblendet wird.
2. Das Aktions-Objekt unsichtbar schalten (ausblenden)
Logischerweise muss ein Objekt, welches eingeblendet werden soll, erst ausblenden (unsichtbar schalten). Dazu den Stern anklicken und in der Objektliste links mittels des Auge-Symbols ausblenden.
3. Aktion für Auslöser-Objekt einstellen
Nun das Auslöser-Objekt (den Button) auswählen (der Einstellungs-Dialog erscheint). Die Maus-Aktionen finden Sie im Reiter "FX" und dort ganz unten.
Klicken Sie nun auf "Hinzufügen", um eine Maus-Aktion für den Button auszuwählen.
In nun erscheinenden Dialog sehen Sie schon die 3 Auslöser oben und unten eine Liste mit den 3 momentan möglichen Aktionen.
Wählen Sie als Aktion "MouseOver" und als Aktion "Objekt einblenden" aus.
Nun wählen Sie in der Objektliste unten das Objekt, welches Sie einblenden möchten. In unserem Fall ist es der Stern, also das Objekt "Vektor 2". (Häkchen setzen).
Tipp: Sie können auch die Zeit einstellen, in welcher das Objekt eingeblendet wird (Dauer)
Zum Abschluß klicken Sie auf "Hinzufügen".
Sie haben jetzt für den Button eine Maus-Aktion eingestellt. Da wir aber wollen, das bei MouseOut der Stern wieder ausgeblendet wird, müssen wir dafür noch die Aktion einstellen... (das bekommen Sie bestimmt selber hin
)
Fertig! Für den Button sind beide Aktionen definiert. Das ganze können Sie nun in der Vorschau anschauen...
Das Prinzip ist recht einfach. Versuchen Sie das doch auch mal mit Sound-Effekten bei Klick usw.
Viel Spaß damit,
Ihr Mike Bradock für das MAGIX Online Welt Team
Hallo Mike,
danke für den Workshop. Hab gerade mal folgendes ausprobiert:
1. Ein Foto mit meiner Familie auf die Webseite integriert
2. Über die Gesichter transparente Vektorgrafiken gelegt
3. Einzelfotos der Familienmitglieder eingefügt und unsichtbar geschaltet
4. Jeweils zu jedem Familienmitglied über das dort platzierte transparente Vektorobjekt per Maus-Aktion MouseClick das jeweilige Einzelfoto eingeblendet und bei MouseOut ausgeblendet
Hammer!! Das ist wie mit Areashapes aus alten HTML Tagen
Cool ist, das ich das jetzt mit ohne groß Nachdenken einfach so zusammenklicken kann.
Grüß mir das Team,
LG,Andre
Website Maker Webseite Website MAGIX MAGIX Website Maker Homepage services Webpage online services service Online Creation Website Maker Maker Website MAGIX Create Webspace Websites Sicherheit Webseiten Navigation multilingual Websitemaker Passwortschutz Unterseiten Mehrsprachig Website, Maker, Homepage Memberbereich Passwort