Website Maker: Maus-Aktionen Prinzip

Tutorial einstellen 
Magixonline am 07.12.2011

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

 

 

670 Aufrufe | 2 Kommentare | 2 Bewertungen      
Kommentare (2)
Blue_Dreams meinte am 08.01.2012 um 17:52 Uhr

Supi Danke :-D

UschenBerlin meinte am 08.12.2011 um 09:01 Uhr

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 :-D Cool ist, das ich das jetzt mit ohne groß Nachdenken einfach so zusammenklicken kann.

Grüß mir das Team,

LG,Andre

Ergebnisse pro Seite:10 | 20 | 50 | 100
1