p4ntha: Mouseover effect

Beitrag lesen

So ich habe es bis jetz so gelöst.

<map name="Untergeschoss" id="untergeschoss">

<table border="0">
<tr ><!-- Imagemap -->
 <td>
 <img src="uploads/pics/untergeschoss.jpg" width="561" height="418" border="0" alt="untergeschoss" title="untergeschoss" usemap="#Untergeschoss" />
 </td>
 <!-- uploads/pics/logos -->
<td>
 <table border="0" >
 <!-- tegut-Logo -->
  <td>
   <tr>
    <td>

<area shape="poly" coords="172,112,173,113,201,80,231,80,231,75,263,75,263,61,257,61,255,51,251,51,251,39,286,73,311,98,377,258,367,261,391,320,385,323,391,338,340,361,310,285,283,295,271,267,276,266,273,257,268,258,250,214,254,212,250,202,246,204,208,204,208,172,180,172,180,126,173,113" href="#" alt="tegut" onmouseover="document.getElementById('untergeschoss_tegut').src='uploads/pics/logos/tegut.png'"onmouseout="document.getElementById('untergeschoss_tegut').src='uploads/pics/logos_bw/tegut_bw.png'"/>

<img src="uploads/pics/logos_bw/tegut_bw.png" alt="tegut" id="untergeschoss_tegut">
    </td>
   </tr>
  </td>

<!-- Ende tegut-Logo -->
 <!-- Mueller-Logo -->

<td>
   <tr>
    <td align="center">

<area shape="poly" coords="19,216,20,217,20,242,6,242,6,337,97,335,125,323,125,277,207,277,205,312,215,307,221,320,246,310,259,343,285,331,243,228,229,228,229,216,130,217,109,227,97,229,82,226,68,218,67,216,20,216" href="#" alt="Müller" onmouseover="document.getElementById('untergeschoss_mueller').src='uploads/pics/logos/mueller.png'"onmouseout="document.getElementById('untergeschoss_mueller').src='uploads/pics/logos_bw/mueller_bw.png'" />

<img src="uploads/pics/logos_bw/mueller_bw.png" alt="Müller" id="untergeschoss_mueller">
    </td>
   </tr>
  </td>
 <!--  Ende Mueller-Logo -->
 <!-- Haiky Asia Food-Logo -->

<td>
   <tr>
    <td>

<area shape="poly" coords="20,189,20,191,20,214,67,214,60,198,60,188,20,188" href="#" alt="Haiky Asia Food" onmouseover="document.getElementById('untergeschoss_haiky').src='uploads/pics/logos/haiky.png'"onmouseout="document.getElementById('untergeschoss_haiky').src='uploads/pics/logos_bw/haiky_bw.png'" />

<img src="uploads/pics/logos_bw/haiky_bw.png" alt="Haiky Asia Food" id="untergeschoss_haiky">
    </td>
   </tr>
  </td>
 <!--  Ende Haiky Asia Food-Logo -->

</table>
</td>
</tr>

</table>
</map>

auf meinem rechner sieht es super aus, ich hab extra schon die ordner struktur vom server beibehalten..
mein problem ist jetz dass ich es in typo3 einpflegen muss und dort will es mit dem html code nich so wirklich.