Flo: map legen auf onmouseover-grafik

Beitrag lesen

Vielleicht kannst Du mir ein kleines einfaches Beispiel an Hand einer Frafik erläutern, die sich bei überfahren mit der Maus ändert und zwei links bietet....wäre sehr nett von Dir....Danke

Also...ich habe jetzt mal eine Minimalversion meiner Seite zusammengebastelt. Vielleicht kannst du jetzt leichter sehen, wie das ganze funktioniert:

<HTML>
<HEAD>
<TITLE>TÜV</TITLE>

<SCRIPT LANGUAGE="JavaScript"><!--

var globalNum = null;

document.write('<MAP NAME="about.map">');
document.write('<area shape="rect" coords="0,129,89,150" href="Inhalte/JumpToGlossar.htm" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
document.write('<area shape="rect" coords="0,108,89,128" href="Inhalte/JumpToWebSite.htm" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
document.write('<area shape="rect" coords="0,72,89,108" href="Inhalte/JumpToNiederlnatint.htm" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
document.write('<area shape="rect" coords="0,44,89,72" href="Inhalte/JumpToWirueberuns.htm" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
document.write('</MAP>');

// Anzahl vorhergehender Bilder (die nichts mit den Rollovers zu tun haben:

n = 0;
    
  // Anti-flicker array
  
    onState = new MakeArray(1);
  
  // Bilderstatus array
  
        offHomeNav = new MakeImgarray(1);
       onHomeNav = new MakeImgarray(1);

// home navigation, aus Zustaende

offHomeNav[0].src = "Bilder/rollovers/aboutoff.gif";
  
   // home navigation, an Zustaende

onHomeNav[0].src = "Bilder/rollovers/abouton.gif";

function MakeImgarray(n) {
this.length = n;
for (var i = 0; i<=n; i++) {

this[i] = new Image();
  }
}

function MakeArray(n) {
this.length = n;
for (var i = 0; i<=n; i++) {

this[i] = 0;
  }
}

function msover(num) {
if (document.images) {
  onState[num] = 1;
  if (onHomeNav[num].src != "") {
   document.images[num+n].src = onHomeNav[num].src;
   }
  }
}

function msout(num) {
if (document.images) {
  onState[num] = 0;
  globalNum = num;
  if (offHomeNav[num].src != "") {
   setTimeout('if (!onState[globalNum]) document.images[globalNum+n].src = offHomeNav[globalNum].src',1);
   }
  }
}

//--></SCRIPT>

</HEAD>

<BODY BGCOLOR="#b7b7d4" >
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="718">
  <TR VALIGN=top>
    <TD width="116"><IMG border=0 height=388 src="Bilder/rollovers/aboutoff.gif" useMap=#about.map width=91 ></TD>
</TR>
</TABLE>
<BR>
<BR>
<br>
</BODY></HTML>