Expertenrat Mouseover & Imagemap

Antworten
#1
07.09.2007 15:36
avatar  Firesword1978
#1 Expertenrat Mouseover & Imagemap
avatar
Firesword1978
Mitglied

Ich versuchte gerade die Funktionen Mouseover und Imagemap zu verbinden. Leider ohne Funktion.
Ist dies möglich und wenn ja wie. Bestimmt muss etwas im Java script teil vom Mouseover etwas geändert werden.
Mouseover code


<head>
<script
language="JavaScript">
<!--
button1 a= new Image();
button1_a.src = "link01_start.jpg"
button1_b= new Image();
button1_b.src = "link01_over.jpg"

//-->
</script>
</head>

<body>
<a href="" onmouseover="austausch1.src=link01_over.jpg';" onmouseout="austausch1.src='link01_start.jpg'"><img src="link01_start.jpg" border="0" width="100" height="100" name="austausch1" alt="Bild"></a>
</body>

Imagemap code

<body>
<img src="link01_over.jpg'" width="100" height="100" usemap="#linkliste" border="0" />
<map name="linkliste">
<area shape="rect" coords="0,15,15,30" href="" alt="" />
<area shape="rect" coords="15,15,30,30" href="" alt="" />
<area shape="rect" coords="30,15,45,30" href="" alt="" />
</map>
</body>

Mein Versuch die zusammen zuführen.

<head>
<script
language="JavaScript">
<!--
button1 a= new Image();
button1_a.src = "link01_start.jpg"
button1_b= new Image();
button1_b.src = "link01_over.jpg"

//-->
</script>
</head>

<body>
<a href="" onmouseover="austausch1.src=link01_over.jpg';" onmouseout="austausch1.src='link01_start.jpg'"><img src="link01_start.jpg" border="0" width="100" height="100" name="austausch1" alt="Bild" usemap="#linkliste"></a>

<map name="linkliste">
<area shape="rect" coords="0,15,15,30" href="" alt="" />
<area shape="rect" coords="15,15,30,30" href="" alt="" />
<area shape="rect" coords="30,15,45,30" href="" alt="" />
</map>

</body>

Für jede Anregung hilfe wäre ich Dankbar.
Gruß Christian




 Antworten

 Beitrag melden
#2
12.09.2007 17:19
avatar  Firesword1978
#2 RE: Expertenrat Mouseover & Imagemap
avatar
Firesword1978
Mitglied

Ähm weis das keiner???



 Antworten

 Beitrag melden
#3
12.09.2007 23:03
avatar  sabine99
#3 RE: Expertenrat Mouseover & Imagemap
avatar
sabine99
Mitglied

Was genau hast du vor?

So hat bei mir alles funktioniert:
Das Bild wechselt, und die Areas sind anklickbar...

<a href="" onmouseover="document.getElementById('austausch1').src='P5250833.JPG';"
onmouseout="document.getElementById('austausch1').src='P5250832.JPG'">
<img src="P5250832.JPG" border="0" width="100" height="100" id="austausch1" alt="Bild" usemap="#linkliste"></a>
<map name="linkliste">
<area shape="rect" coords="0,15,15,30" href="test1.htm" alt="" />
<area shape="rect" coords="15,15,30,30" href="test2.htm" alt="" />
<area shape="rect" coords="30,15,45,30" href="test3.htm" alt="" />
</map>

http://www.f1tippclub.de - http://forum.f1tippclub.de

 Antworten

 Beitrag melden
#4
16.09.2007 13:38
avatar  Firesword1978
#4 RE: Expertenrat Mouseover & Imagemap
avatar
Firesword1978
Mitglied

Ich bin dabei eigene Seitenzahlen zu machen. Für ein Projekt was nicht ins Forum kommt.

Also ich habe einmal eine Bild gif datei (mit einem Bild was die Seitenzahlen und ein Klick mich! abwechselnd.)
Und ein Bild gif datei (nur mit den Seitenzahlen.)

Ich habe es auf meinen PC ausprobiert, mit dem IE.
Der Fehler bei mir war folgender. Das Bild wechselte zwar wenn ich mit der Maus drüber fuhr aber es waren keine Areas und keine einzelnen Links anwählbar.
Danke Sabine



 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!