Maniac: mouseover bei imagemap

Beitrag lesen

hi andi!

1.

<img src="images\imagemap.jpg" width=786 height=406 border=0 usemap="#imagemap">

a) es darf kein backslash sondern muss ein slash sein:
 <img src="images/imagemap.jpg" ...
b) der verweis auf die imagemap muss nach der definition dieser stehen, d.h. der <img>-tag kommt hinter den <map>-tag
c) bist du sicher, dass das ursprungsbild "imagemap.jpg" heisst?

2.

<map name="imagemap">
  <area shape="rect" coords="76,48,210,70" onMouseover="document.images[1].src='../images/index/ueber_uns_yellow.jpg';" onMouseout="document.images[1].src='../images/index/ueber_uns.jpg" href="ueber_uns.php4">

a) ist das bild "imagemap.jpg" das erste bild, dass in deiner seite geladen wird, muss es document.images[0] heissen, ist es das zweite dann document.images[1] usw.
b) beim onmouseover ist das ; am ende (zwischen ' und ") überflüssig
c) beim onmouseout fehlt ein ' zum abschluss des dateinamens
d) es fehlt der schliessende </area>-tag

3.

<area shape="rect" coords="534,47,715,69" onMouseover="document.images[2].src='../images/index/weiter_yellow.jpg';" onMouseout="document.images[2].src='../images/index/weiter.jpg" href="ueber_uns.php4">

siehe 2.

und weil ich hier auf der arbeit eh nix zu tun hab das ganze einmal korrigiert:
<map name="imagemap">
<area shape="rect" coords="76,48,210,70" onMouseover="document.images[0].src='../images/index/ueber_uns_yellow.jpg'" onMouseout="document.images[0].src='../images/index/ueber_uns.jpg'" href="ueber_uns.php4">
</area>
<area shape="rect" coords="534,47,715,69" onMouseover="document.images[0].src='../images/index/weiter_yellow.jpg'" onMouseout="document.images[0].src='../images/index/weiter.jpg'" href="ueber_uns.php4">
</area>
</map>
<img src="images/imagemap.jpg" width=786 height=406 border=0 usemap="#imagemap">

nu müssts klappen.

gruß, maniac