mouseover effekter

Måske noget fanzy herfra -> http://www.dynamicdrive.com/

Har været der - svært at finde rundt

http://www.html.dk/scripts/javascript/ ???
(Men du har nok være der?)

Ja - jeg har været der. Eksemplerne der løser ikke problemet med at knappen skal blive stående så længe at linket er aktivt!

I mit eksempel hedder billederne: billede_#_STATUS.jpg
# = billede id/nummer
STATUS = normal / hover / aktiv

Koden kan sikkert laves bedre, men det virker.. :-)

<script type="text/JavaScript" language="JavaScript">
billede = new Array(1,2); // billed_id'er
aktiv = ""; // angiver det aktive billede

function skift(id, onoff)
{
    status = (onoff == 1)?"_hover.jpg":"_normal.jpg";
    if (id == aktiv) status = "_aktiv.jpg";
    document.getElementById(id).src = id + status;
}

function aktiver(id)
{
    for(i=0; i < billede.length; i++)
    {
        document.getElementById("billede_" + billede[i]).src = "billede_" + billede[i] + "_normal.jpg";
    }
    document.getElementById(id).src = id + "_aktiv.jpg";
    aktiv = id;
}

</script>

<br>
<img src="billede_1_normal.jpg" id="billede_1" border="1" onclick="aktiver(this.id)" onmouseover="skift(this.id,1)" onmouseout="skift(this.id,0)">
<br><br>
<img src="billede_2_normal.jpg" id="billede_2" border="1" onclick="aktiver(this.id)" onmouseover="skift(this.id,1)" onmouseout="skift(this.id,0)">

/theSurfer