4 svar · 225 visningar · startad av esra
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
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?