nicht angemeldet
Mouseover-Menü
Hallo!
Ich möchte gerne ein Menü basteln wie jenes hier im Layout 4 von selfhtml (http://de.selfhtml.org/layouts/nr04/index.htm). Allerdings möchte ich als Menüpunkte nicht einzelne Bilder sondern Teile eines einzigen Bildes (Image Map). Wie muss ich das programmieren? Das Javascript für den Mouseover-Effekt in Layout 4 sieht so aus:
<script language="JavaScript" type="text/javascript">
<!--
if (document.images)
{
Anzahl = 8;
Bild_array = new Array()
for (i = 0 ; i <= Anzahl ; i++)
Bild_array[i] = new Image();
Bild_array[0].src = "images/projektname.gif";
Bild_array[1].src = "images/name1.gif";
Bild_array[2].src = "images/name2.gif";
Bild_array[3].src = "images/name3.gif";
Bild_array[4].src = "images/name4.gif";
Bild_array[5].src = "images/name5.gif";
}
function einschalten(x)
{
if (document.images)
document.temp.src = Bild_array[x].src;
}
function abschalten()
{
if (document.images)
document.temp.src = Bild_array[0].src;
}
//-->
</script>
Mein Image Map (erst ein Ausschnitt) sieht dann so aus:
<div><map name="blume"><area shape="poly" coords="188,262,227,285,286,287,294,339,293,360,274,
393,227,437,210,445,184,421,169,395,154,352,156,320" href="http://www.xyz.de/" alt="xyz">
</map></div>
(und das bild dazu dann:
<img style="border: none; width: 500px; height: 448px;" src="images/blume.jpg" alt="menu" usemap="#blume"> )
Irgend ne Idee wie ich das nun programmier? Danke für eure Hilfe
Tinu