Heysa !
Her har du et lille eksempel...
venligst
<ATN/>
****| Code Start |****
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> T A B B E R</title>
<script language="javascript" type="text/javascript">
var imgOn = 0;
var img0 = new Image(); img0.src = '
http://www.atn.dk/showcase/tabber/sel0.gif'; var img1 = new Image(); img1.src = '
http://www.atn.dk/showcase/tabber/off0.gif'; var def0 = new Image(); def0.src = '
http://www.atn.dk/showcase/tabber/bar.gif'; function keepAlive() {
var objImg = document.images;
for (var i = 0; i < document.images.length-1; i++) {
if (imgOn == i) {
objImg[i].src = 'sel0.gif';
} else {
objImg[i].src = 'off0.gif';
}
}
}
function swap(obj,img) {
var objImg = eval('document.'+ obj);
objImg.src = eval(img +'.src');
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100">
<tbody>
<tr>
<td><a href="#" onmouseover="swap('img0','img0')" onmouseout="keepAlive()" onclick="imgOn=0;keepAlive();this.blur()"><img src="sel0.gif" width="50" height="16" alt="" border="0" name="img0"></a></td>
<td background="spa.gif" width="5" height="16"> </td>
<td><a href="#" onmouseover="swap('img1','img0')" onmouseout="keepAlive()" onclick="imgOn=1;keepAlive();this.blur()"><img src="off0.gif" width="50" height="16" alt="" border="0" name="img1"></a></td>
<td background="spa.gif" width="5" height="16"> </td>
<td><a href="#" onmouseover="swap('img2','img0')" onmouseout="keepAlive()" onclick="imgOn=2;keepAlive();this.blur()"><img src="off0.gif" width="50" height="16" alt="" border="0" name="img2"></a></td>
<td background="spa.gif" width="5" height="16"> </td>
<td><a href="#" onmouseover="swap('img3','img0')" onmouseout="keepAlive()" onclick="imgOn=3;keepAlive();this.blur()"><img src="off0.gif" width="50" height="16" alt="" border="0" name="img3"></a></td>
<td background="spa.gif" width="5" height="16"> </td>
<td><a href="#" onmouseover="swap('img4','img0')" onmouseout="keepAlive()" onclick="imgOn=4;keepAlive();this.blur()"><img src="off0.gif" width="50" height="16" alt="" border="0" name="img4"></a></td>
<td background="spa.gif" width="100" height="16"> </td>
</tr>
<tr>
<td colspan="10"><img src="bar.gif" width="300" height="9" alt="" border="0"></td>
</tr>
</tbody>
</table>
</body>
</html>