NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann

Mouse Over - Beispiel (bitte guckt auch mal hier für den Mouse “Overlib-Effekt”)

... sehr viel einfacher geht das aber mit der Komponente “Picture Rollover” oder auch als Mouseover


Gehe mit der Maus über das Bild ...

Beispiel selbst erstellter GIF Button
mit transparentem Hintergrund

Das habe ich so gemacht ...


Du erstellst Dir 2 Bilder mit einem Bild-Bearbeitungs-Programm (hier als JPG), die exakt gleich groß sind.

Nun füge das erste Bild (hier unsere Katze auf dem Tisch) in Dein Layout ein.

Du klickst in den “Bild-Eigenschaften” auf den Pfeil (Aktionen, das Symbol ganz rechts).

nun klickst Du auf das “+” Zeichen unten links
(im Bild unten sieht man bereits alle 4 Aktionen, die ich eingefügt habe).

Jetzt gehst Du wie folgt vor:

> Anlass = > Maus > Maus über wählen
> Meldung = > Mermal festlegen > Quelle festlegen
> Parameter = Werte > Dein zweites Bild (hier Katze auf dem Küchentisch) aussuchen

> OK bestätigen

nun klickst Du erneut auf das “+” Zeichen um die 2. Aktion zu bestimmen und nimmst folgende Schritte vor:

> Anlass = > Maus > Maus über wählen
> Meldung = > Mermal holen > Quelle holen

> OK bestätigen

nun klickst Du erneut auf das “+” Zeichen um die 3. Aktion zu bestimmen und nimmst folgende Schritte vor:

> Anlass = > Maus > Maus außerhalb wählen
> Meldung = > Mermal festlegen > Quelle festlegen
> Parameter = Werte > Dein erstes Bild (hier unsere Katze auf dem Tisch) aussuchen

> OK bestätigen

nun klickst Du erneut auf das “+” Zeichen um die 4. Aktion zu bestimmen und nimmst folgende Schritte vor:

> Anlass = > Maus > Maus außerhalb wählen
> Meldung = > Mermal holen > Quelle holen

> OK bestätigen

... und das war es dann auch schon.

zurück

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik