Jeg har lavet det lidt om, nu vil jeg gerne have links i de billeder som kommer op til højre, kan man det???
Og evt. kan man også få højre billede til at forsvinde igen når man går væk fra venstre tabel igen?
Kan ses her:
http://skateboarding.dk/selection/kode:
<SCRIPT LANGUAGE="JavaScript">
window.onerror=null;
window.defaultStatus = "Drake Denmark";
BrowserCheck = (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )) || ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 )))
if (BrowserCheck)
{
LinkImages = new Array();
gifs = new Array ("type1", "type2", "type3", "type4", "type5", "type6", "type7", "type8", "type9", "type10");
for(N = 0; N <= 20; N++)
{
LinkImages[N] = new Image();
LinkImages[N].src = "type/" + gifs[N] + ".gif";
}
for(N = 21; N <= 31; N++)
{
LinkImages[N] = new Image();
LinkImages[N].src = "type/" + gifs[N] + "_pil.gif";
}
}
FirstTime = true;
CurrentImg = 0;
function RefleksShift (N,IMG)
{
if (BrowserCheck)
{
if (N != CurrentImg)
{
document.images[N].src = "type/" + IMG + ".gif";
if (!FirstTime)
document.images[CurrentImg].src = "type/" + IMGtemp + ".gif";
CurrentImg = N;
FirstTime = false;
IMGtemp = IMG;
}
}
}
function RefleksShift2 (N,IMG)
{
if (BrowserCheck)
{
if (N != CurrentImg)
{
document.images[N].src = "type/" + IMG;
}
}
}
// End of Script -->
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFD7" background="baggrund.gif">
<table align="center" cellspacing="0" cellpadding="0" border="0" width="601" height="215">
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type1.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type1.gif')"><img src="select_type1.gif" width=264 height=29 border=0 alt=""></a></td>
<td rowspan="10"><img src="type/type_blank.gif" width=337 height=215 border=0 alt=""></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type2.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type2.gif')"><img src="select_type2.gif" width=264 height=21 border=0 alt=""></a></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type3.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type3.gif')"><img src="select_type3.gif" width=264 height=18 border=0 alt=""></a></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type4.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type4.gif')"><img src="select_type4.gif" width=264 height=20 border=0 alt=""></a></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type5.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type5.gif')"><img src="select_type5.gif" width=264 height=21 border=0 alt=""></a></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type6.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type6.gif')"><img src="select_type6.gif" width=264 height=20 border=0 alt=""></a></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type7.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type7.gif')"><img src="select_type7.gif" width=264 height=21 border=0 alt=""></a></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type8.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type8.gif')"><img src="select_type8.gif" width=264 height=19 border=0 alt=""></a></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type9.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type9.gif')"><img src="select_type9.gif" width=264 height=23 border=0 alt=""></a></td>
</tr>
<tr>
<td><a href="#" OnMouseOver="RefleksShift2(1,'type10.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type10.gif')"><img src="select_type10.gif" width=264 height=23 border=0 alt=""></a></td>
</tr>
</table>