Homepage selbermachen 7.851 Themen, 35.616 Beiträge

Verfolgung starten Optionen

Bei Mouseover 2 Bilder gleichzeitig wechseln

Hanussen / 3 Antworten / Flachansicht Nickles

Hallo,

ich hab vor ne Navigation mit schönen Buttons zu bauen.
Jetzt suche ich eine Möglichkeit bei Mouseover über den Button
zuerst den Button selbst zu ändern und zweitens eine Grafik
an einer anderen Position in der Website ebenfalls speziell zu ändern.

Ich möchte in der Mitte ne Grafik welche je nach Button eine kurze Beschreibung des Links liefert bauen.


Ist das möglich ? Wenn ja wie ? Wäre
echt für Hilfe dankbar.


MfG Hanussen

bei Antwort benachrichtigen
Hobbes Hanussen „Bei Mouseover 2 Bilder gleichzeitig wechseln“
Optionen

Klar, das geht!

Ich hoffe mal, ich bring das ganze noch richtig zusammen...

Also zunächst mal brauchst Du ein Script in dem Deine ganzen Onmouseover-Bilder definiert werden:
(menu ist der 'normale' OnMouseOver-Button und dynamo das zweite Bild... Du kannst das natürlich auch für noch mehr Bilder entsprechend gestalten)

<SCRIPT LANGUAGE="JavaScript">
menu1 = new Image()
menu1.src = "bild1a.gif";
dynamo = new Image ()
dynamo.src = "dyna_bild1.gif";
</SCRIPT>

Nun mußt Du dem zweiten Bild, daß sich ändern soll, noch den name-tag "dynamo" verpassen, also z.B.

<IMG SRC="dyna_base.gif"
WIDTH="127" HEIGHT="106" BORDER="0" NAME="dynamo">

Jetzt kannst Du in Deiner OnMouseover-Anweisung in der sich sowieso schon das eine Bild (der Button) ändert, noch eine Anweisung hinzufügen, die das Bild mit der Bezeichnung "Dynamo" ändert.
Bsp.:

<A
HREF="home.htm"
ONMOUSEOVER="document.menu1.src='bild1a.gif';document.dynamo.src='dyna_bild1.gif'; usw.


So, ich hoffe, Du hast jetzt nicht nur Bahnhof verstanden ;-))

Gruß,
Hobbes

bei Antwort benachrichtigen
cool, vielen Dank. So ähnlich hab ich das gerade verwirklicht. MfG Hanussen Hanussen
Kein Ursache :- Gruß, Hobbes Hobbes