• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mouseover mit Map geht nicht

Status
Für weitere Antworten geschlossen.

saio

Neues Mitglied
Mouseover geht nicht

Hi Profis,

ich habe versucht einer Tabelle, welche einen Banner mit integrierten Links zusammenhält, mehrere mouseover zuzuweisen.
Mit dem 'map-Befehl' habe ich die einzelnen Bilder zu verlinken versucht, da sie aufgrund ihrer Größe nicht für das normale 'img-mouseover' geignet sind.
Leider funktioniert das mouseover nicht:

Code:
<map name="Karte"> 
  
    <area shape="rect" coords="8,125,103,170" href="index.htm" alt="Home"  onmouseover="home.src='images/homeA_03.png';" onmouseout="home.src='images/homeA_03.png';">
    
    <area shape="rect" coords="103,125,197,170" href="forum.htm" alt="Forum"  onmouseover="forum.src='images/forumA_04.png';" onmouseout="forum.src='images/forumO_04.png';">    
    
    <area shape="rect" coords="197,125,266,170" href="faq.htm" alt="FAQ"  onmouseover="faq.src='images/faqA_05.png';" onmouseout="faq.src='images/faqO_05.png.jpg';">    
    
    <area shape="rect" coords="266,115,365,170" href="kontakt.htm" alt="Kontakt"  onmouseover="kontakt.src='images/kontaktA_06.png';" onmouseout="kontakt.src='images/kontaktO_06.png';">    
    
    <area shape="rect" coords="365,105,460,168" href="upload.htm" alt="Partner"  onmouseover="partner.src='images/partnerA_07.png';" onmouseout="partner.src='images/partnerO_07.png';">
    
    <area shape="rect" coords="460,95,537,168" href="up.htm" alt="Upload"  onmouseover="up.src='images/uploadA_02.png';" onmouseout="up.src='images/uploadO_02.png';">  
  
  
<table usemap="#Karte" id="Tabelle_01" width="761" height="180" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5">
            <img src="images/posi_01.png" width="462" height="82" alt=""></td>
        <td rowspan="2">
            <img name="up" src="images/uploadO_02.png" width="298" height="179" alt=""></td>
        <td>
            <img src="images/Abstandhalter.gif" width="1" height="82" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img name="home" src="images/homeA_03.png" width="104" height="98" alt=""></td>
        <td rowspan="2">
            <img name="forum" src="images/forumO_04.png" width="94" height="98" alt=""></td>
        <td rowspan="2">
            <img name="faq" src="images/faqO_05.png" width="69" height="98" alt=""></td>
        <td rowspan="2">
            <img name="kontakt" src="images/kontaktO_06.png" width="98" height="98" alt=""></td>
        <td rowspan="2">
            <img name="partner" src="images/partnerO_07.png" width="97" height="98" alt=""></td>
        <td>
            <img src="images/Abstandhalter.gif" width="1" height="97" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/down_08.png" width="298" height="1" alt=""></td>
        <td>
            <img src="images/Abstandhalter.gif" width="1" height="1" alt=""></td>
    </tr>
</table>


</map>
Weiß vielleicht jemand wieso das nicht geht?


Gruß saio
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück
Oben