Hallo,
ich habe folgendes Problem.
Habe eine ImageMap erstellt und möchte nun eine Hover Effekt erzeugen, dass sobald ich über eines der abgesteckten bereiche unten mit der maus fahre im bereich [432,39,782,564] ein bild angezeigt wird.
Für jeden unten definierten Bereich gibt es ein anderes Bild. Alle die gleiche Größe.
Es werden externe Links verwendet (http://www.xyz.de/bilder/bild1.png)
ZitatAlles anzeigen<map name="ImageMap" id="ImageMap">
<area shape="rect" coords="432,39,782,564" href="#" alt="" />
<area shape="rect" coords="11,7,131,172" href="link1" target="_blank alt=""
<area shape="rect" coords="144,7,264,172" href="link2" target="_blank alt="" />
<area shape="rect" coords="279,7,399,172" href="link3" target="_blank alt="" />
<area shape="rect" coords="11,178,131,343" href="link4" target="_blank alt="" />
<area shape="rect" coords="143,178,263,343" href="link5" target="_blank alt="" />
<area shape="rect" coords="280,178,400,343" href="link6" target="_blank alt="" />
</map>
<img src="http://www.xyz.de/bilder/hintergrund.png" width="810" height="1200" border="0" alt="Hintergrund" title="Hintergrund" usemap="#ImageMap" />
Nun komme ich allerdings nicht weiter [Blockierte Grafik: http://forum.chip.de/images/smilies/confused.gif]
Habe es mit dem Zusatz:
onmouseover="ShowPicA(this.href)" href="http://www.xyz.de/bilder/bild1.png" alt="Bild1" shape="rect" coords="432,39,782,564"
versucht jedoch ohne Erfolg.