Sticky button

Har någon en idé om hur man gör en knapp som har en vanlig rollover funktion(dvs. byter bild om man för över markören). MEN... om man klickar på bilden så behåller den mouseover bilden. Vet någon hur?

MVH / esra

Jojoxx har ett script för det!http://www.jojoxx.net/jscript/archive/imageswap6.html

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

Det är bra men jag skulle gärna vilja se ett alternativ till detta.

Någon?

MVH / esra

I headen:

<script LANGUAGE="JavaScript">
<!--
if (document.images) {

        img1on = new Image(); 
        img1on.src = "button1on.gif";   
        img1off = new Image(); 
        img1off.src = "button1off.gif"; 

        img2on = new Image(); 
        img2on.src = "button2on.gif";   
        img2off = new Image(); 
        img2off.src = "button2off.gif";

       

      
    }

function imgOn(imgName) {

    if (document.images) {
        document\[imgName\].src = eval(imgName + "on.src");
    }

}

function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}
// -->
</script>

I bodyn:

<table border="0" cellspacing="0">
<tr>
<td><a href="" target="right" onMouseOver="imgOn ('img1')"
onMouseOut="imgOff('img1')"><img SRC="img/button1off.gif" BORDER="0" ALT=""
NAME="img1"></a></td>
</tr>
<tr>
<td><a href="" target="right" onMouseOver="imgOn ('img2')"
onMouseOut="imgOff('img2')"><img SRC="button2off.gif" BORDER="0" ALT=""
NAME="img2" width="100" height="30"></a></td>
</tr>
</table>

Jo Stina, det var ju denna kod dom jojexx bidrar med. Men...
när jag placerar anropet på funktionen...

--------------------------
<a href="" target="right" onMouseOver="imgOn ('img1')"
onMouseOut="imgOff('img1')"><img SRC="img/button1off.gif" BORDER="0" ALT=""
NAME="img1"></a>
--------------------------

...i ett layer så funkar det inte. Därför, finns det något alternativ?