Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Javascript - Onmouseover - Frage
Frage
Hallo,
Ich möchte durch onmouseover zwei Grafiken austauschen, wenn man über diese mit der Maus fährt. Das normale Vorgehen ist mir klar.
Allerdings soll bei mir bei Berührung mit der Maus eine Imagemap erscheinen, was natürlich wesentlich mehr Code bedeutet als nur den normalen img - Tag. Außerdem kann ich onmouseover auch nicht mit dem a - Tag verwenden, da ja die Imagemap die Links enthalten soll. Wer weiß Rat?
Antwort 1 von rfb
1. in den aktuelleren Browsern funktioniert onmouseover auch mit anderen Tags als <a> (siehe: http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover), auch mit <img>.
2. natürlich kannst du dem Bild in der per onmouseover aufgerufenen Funktion nicht nur eine neue
3. In jedem Fall solltest du eine Alternativ-Navi ohne Imagemap und ohne JavaScript einbauen (evtl. "unsichtbar" im <noscript>-Tag).
2. natürlich kannst du dem Bild in der per onmouseover aufgerufenen Funktion nicht nur eine neue
srcusemap3. In jedem Fall solltest du eine Alternativ-Navi ohne Imagemap und ohne JavaScript einbauen (evtl. "unsichtbar" im <noscript>-Tag).
Antwort 2 von rfb
Ergänzung zu 2 (nach kurzem Nachdenken ;-)
da die Imagemap nur Sinn hat, wenn und solange die Maus über dem Bild ist, kannst du die natürlich von Anfang an ganz normal einbinden, dann reduziert sich dein Problem auf einen simplen Bildertausch.
da die Imagemap nur Sinn hat, wenn und solange die Maus über dem Bild ist, kannst du die natürlich von Anfang an ganz normal einbinden, dann reduziert sich dein Problem auf einen simplen Bildertausch.
Antwort 3 von philharmoni
Hallo rfb,
Danke für die Hilfe. Manchmal ist die Lösung so einfach.
Allerdings habe ich jetzt noch das Problem, dass immer wieder das Bild1 erscheint, wenn man auf der Imagemap (Bild2) über einen Link geht. Kannst es dir ja mal unter:
http://philharmoni.ph.funpic.de/
anschauen (rechts oben die kleine Karte).
Mein bisheriger Code dazu ist:
Danach kommt natürlich noch die map m_erde mit den Links.
Kann man es noch irgendwie hinbekommen, dass dann Bild2 stehen bleibt?
Danke für die Hilfe. Manchmal ist die Lösung so einfach.
Allerdings habe ich jetzt noch das Problem, dass immer wieder das Bild1 erscheint, wenn man auf der Imagemap (Bild2) über einen Link geht. Kannst es dir ja mal unter:
http://philharmoni.ph.funpic.de/
anschauen (rechts oben die kleine Karte).
Mein bisheriger Code dazu ist:
<img src="NAVPICS/erde.gif" alt="" name="erde" width="159" height="171" Border="0" onMouseOver="erde.src=´NAVPICS/erde2.gif´;" onMouseOut="erde.src=´NAVPICS/erde.gif´;" usemap="#m_erde" alt="">Danach kommt natürlich noch die map m_erde mit den Links.
Kann man es noch irgendwie hinbekommen, dass dann Bild2 stehen bleibt?
Antwort 4 von rfb
binde das onmouseover einfach genauso in die <area>-tags ein.
Antwort 5 von philharmoni
Danke rfb. Genau so geht´s!