onClick über onMouseOut setzen

[Luis]

hi!
Ich will 3 Stufen für meine Grafikschaltfläche:
1.Normal (Maus nicht drüber)
2.Maus drüber
3.Aktiv (geklickt)

Aber durch das onMouseOut hält der dritte Zustand nur solange an, wie die Mouse noch über der Grafik ist. Versteht ihr mein Problem? Hier der Quellcode:

<script language="JavaScript">
  <!--
  Normal1 = new Image();
  Normal1.src = "../pics/infos.gif";
  Highlight1 = new Image();
  Highlight1.src = "../pics/infos3.gif";
  Clicked1 = new Image();
  Clicked1.src = "../pics/infos2.gif";

function Bildwechsel(Bildnr,Bildobjekt)
  {
   window.document.images[Bildnr].src = Bildobjekt.src;
  }
 //-->
 </script>
</head>

...

<a href="start.html" target="body" onClick="Bildwechsel(3,Clicked1)" onMouseOver="Bildwechsel(3,Highlight1)" onMouseOut="Bildwechsel(3,Normal1)" ><img src="../pics/infos.gif" width="36" height="20" border="0" alt="" ></a>

[Lutz T.]

hi!
Ich will 3 Stufen für meine Grafikschaltfläche:
1.Normal (Maus nicht drüber)
2.Maus drüber
3.Aktiv (geklickt)

Aber durch das onMouseOut hält der dritte Zustand nur solange an, wie die Mouse noch über der Grafik ist. Versteht ihr mein Problem?

Hi Louis,
ich verstehe dein Problem.
Tschüß, Lutz.

[Luis]

Aber durch das onMouseOut hält der dritte Zustand nur solange an, wie die Mouse noch über der Grafik ist. Versteht ihr mein Problem?

Hi Louis,
ich verstehe dein Problem.
Tschüß, Lutz.

Könnt ihr mir aber auch bei der Lösung helfen?

[Lutz T.]

Aber durch das onMouseOut hält der dritte Zustand nur solange an, wie die Mouse noch über der Grafik ist. Versteht ihr mein Problem?

Hi Louis,
ich verstehe dein Problem.
Tschüß, Lutz.

Könnt ihr mir aber auch bei der Lösung helfen?

Ok,
probier mal das hier:

<script language="JavaScript">
<!--
Bild=new Array(4); //Anzahl der Bilder
BildStatus=new Array(4);
//... hier Bilder mit Index 0, 1, 2 initialisieren
Bild[3]=new Array(3);
Bild[3][0] = new Image(); //Normal
Bild[3][0].src = "../pics/infos.gif";
Bild[3][1] = new Image(); //Highlight
Bild[3][1].src = "../pics/infos3.gif";
Bild[3][2] = new Image(); //Clicked
Bild[3][2].src = "../pics/infos2.gif";

function Bildwechsel(nr,status)
{ if (BildStatus[Bildnr]==2) return;
  // wenn Bild schon geklickt wurde, dann kein Bildwechsel mehr
  window.document.images[Bildnr].src = Bild[Bildnr][Bildstatus].src;
  BildStatus[Bildnr]=status;
}
//-->
</script>
</head>

...

<a href="start.html" target="body" onClick="Bildwechsel(3,2)" onMouseOver="Bildwechsel(3,1)" onMouseOut="Bildwechsel(3,0)" ><img src="../pics/infos.gif" width="36" height="20" border="0" alt="" ></a>

Ich hoffe, es geht so, hab's nicht getestet.
Gruß, Lutz.

[Luis]

Danke! Ich probier's.

Aber durch das onMouseOut hält der dritte Zustand nur solange an, wie die Mouse noch über der Grafik ist. Versteht ihr mein Problem?

Hi Louis,
ich verstehe dein Problem.
Tschüß, Lutz.

Könnt ihr mir aber auch bei der Lösung helfen?

Ok,
probier mal das hier:

<script language="JavaScript">
<!--
Bild=new Array(4); //Anzahl der Bilder
BildStatus=new Array(4);
//... hier Bilder mit Index 0, 1, 2 initialisieren
Bild[3]=new Array(3);
Bild[3][0] = new Image(); //Normal
Bild[3][0].src = "../pics/infos.gif";
Bild[3][1] = new Image(); //Highlight
Bild[3][1].src = "../pics/infos3.gif";
Bild[3][2] = new Image(); //Clicked
Bild[3][2].src = "../pics/infos2.gif";

function Bildwechsel(nr,status)
{ if (BildStatus[Bildnr]==2) return;
  // wenn Bild schon geklickt wurde, dann kein Bildwechsel mehr
  window.document.images[Bildnr].src = Bild[Bildnr][Bildstatus].src;
  BildStatus[Bildnr]=status;
}
//-->
</script>
</head>

...

<a href="start.html" target="body" onClick="Bildwechsel(3,2)" onMouseOver="Bildwechsel(3,1)" onMouseOut="Bildwechsel(3,0)" ><img src="../pics/infos.gif" width="36" height="20" border="0" alt="" ></a>

Ich hoffe, es geht so, hab's nicht getestet.
Gruß, Lutz.