Erweiterter "Mouseover"-Effekt ...

[Dieter Schröder-Wrobel]

» ABER, nachdem der link angeclickt (OnClick) wird, soll die Grafik in einer "3."-Version geladen werden und sich danach solange nicht mehr verändern bis ein anderer Menüpunkt durch click ausgewählt wurde (..der sich dann genauso verhalten soll wie der vorher ausgewählte), und der "nicht mehr aktuelle" Menüpunkt soll wieder den "Mouseover" - Effekt zeigen ...

Frankie

Hallo Frankie,

eine relativ einfache Lösung wäre folgendes: (berücksicht aber nicht Resize und ähnliches)

<script language="JavaScript">

var clck = new Array();
   clck[0] = new Image(); clck[0].src = "image_clck0.gif";
   clck[1] = new Image(); clck[1].src = "image_clck1.gif";
   clck[2] = new Image(); clck[2].src = "image_clck2.gif";

var on = new Array();
   on[0] = new Image(); on[0].src = "image_on0.gif";
   on[1] = new Image(); on[1].src = "image_on1.gif";
   on[2] = new Image(); on[2].src = "image_on2.gif";

var out = new Array();
   out[0] = new Image(); out[0].src = "image_out0.gif";
   out[1] = new Image(); out[1].src = "image_out1.gif";
   out[2] = new Image(); out[2].src = "image_out2.gif";

function Bildon(Bildnr)
    {
     if (window.document.images[Bildnr].src !=clck[Bildnr].src)
         {
          window.document.images[Bildnr].src = on[Bildnr].src;
         }
    }

function Bildout(Bildnr)
    {
     if (window.document.images[Bildnr].src !=clck[Bildnr].src)
         {
          window.document.images[Bildnr].src = out[Bildnr].src;
         }
    }

function Bildclick(Bildnr)
    {
    for(i = 0; i < 3; i++)
      {
        window.document.images[i].src = out[i].src;
      }
    
    window.document.images[Bildnr].src = clck[Bildnr].src;
    }

</script>

Dazu der Aufruf:

<a HREF="link1.htm" Target="anzeige" onMouseOver="Bildon(0)" onMouseOut="Bildout(0)" onClick="Bildclick(0)"><IMG SRC="image_out0.gif" width="100" height="20" border="0"></a>
<p>
<a HREF="link2.htm" Target="anzeige" onMouseOver="Bildon(1)" onMouseOut="Bildout(1)" onClick="Bildclick(1)"><IMG SRC="image_out1.gif" width="100" height="20" border="0"></a>
<p>
<a HREF="link3.htm" Target="anzeige" onMouseOver="Bildon(2)" onMouseOut="Bildout(2)" onClick="Bildclick(2)"><IMG SRC="image_out2.gif" width="100" height="20" border="0"></a>

hoffe es hilft weiter

Dieter