Billedknapper vil ikke skifte udseende ved hover!
Hej Eksperter!Jeg er ved at lave en menu-bar med en masse knapper, der skal skifte fra et billede til et andet når man føre pilen hen over dem, men af en eller anden grund vil det ikke lykkes for mig. Eller det vil sige at det er lykkedes at få en enkelt knap til at virke alene, men så snart der kommer flere på banen går det galt. Det er ikke noget problem at linke videre til andre sider!
Håber at i kan hjælpe!
Her har i koden. God læse lyst ;)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<META name="Keywords" content="Adam Blankensteiner, ">
<title>:::ADAM BLANKENSTEINER:::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../Hjemmeside/adams%20side/adamstyle.css">
</head>
<script type="text/javascript">
firma1 = new Image();
firma1.src = "firma1.gif";
firma2 = new Image();
firma2.src = "firma2.gif";
service1 = new Image();
service1.src = "service1.gif";
service2 = new Image();
service2.src = "service2.gif";
nyheder1 = new Image();
nyheder1.src = "nyheder1.gif";
nyheder2 = new Image();
nyheder2.src = "nyheder2.gif";
referancer1 = new Image();
referancer1.src = "referancer1.gif";
referancer2 = new Image();
referancer2.src = "referancer2.gif";
link1 = new Image();
link1.src = "link1.gif";
link2 = new Image();
link2.src = "link2.gif";
kontakt1 = new Image();
kontakt1.src = "kontakt1.gif";
kontakt2 = new Image();
kontakt2.src = "kontakt2.gif";
function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}
</script>
<body><div align="center">
<div align="center">
<table class="indhold" border="0">
<tr>
<td width="400" class="menu"><a href="index.htm"><img src="abts-logo.gif" width="400" height="70" alt="" border="0"></td>
<td width="64"></td>
<td width="56" class="menu"><a href="firma.htm"
onmouseover="firma2.gif"
onmouseout="firma1.gif">
<img name="eksempel" src="firma1.gif" alt="beskrivelse af virksomheden, historie, målsætning, ejerforhold, m.m." style="border:none;" /></a></td>
<td width="56" class="menu"><a href="service.htm"
onmouseover="skiftbillede('eksempel','service2.gif')"
onmouseout="skiftbillede('eksempel','service1.gif')">
<img name="eksempel" src="service1.gif" alt="beskrivelse af serviceydelser, nybyggeri, tilbygning, renovering osv."
style="border:none;" /></a></td>
<td width="56" class="menu"><a href="nyheder.htm"
onmouseover="skiftbillede('eksempel','nyheder2.gif')"
onmouseout="skiftbillede('eksempel','nyheder1.gif')">
<img name="eksempel" src="nyheder1.gif" alt="nyheder vedr. nye og afsluttede projekter, job opslag m.m."
style="border:none;" /></a></td>
<td width="56" class="menu"><a href="referancer.htm"
onmouseover="skiftbillede('eksempel','referancer2.gif')"
onmouseout="skiftbillede('eksempel','referancer1.gif')">
<img name="eksempel" src="referancer1.gif" alt="billeder af udførte projekter"
style="border:none;" /></a></td>
<td width="56" class="menu"><a href="link.htm"
onmouseover="skiftbillede('eksempel','link2.gif')"
onmouseout="skiftbillede('eksempel','link1.gif')">
<img name="eksempel" src="link1.gif" alt="links til samarbejdspartnere og leverandøre"
style="border:none;" /></a></td>
<td width="7%" class="menu"><a href="kontakt.htm"
onmouseover="skiftbillede('eksempel','kontakt2.gif')"
onmouseout="skiftbillede('eksempel','kontakt1.gif')">
<img name="eksempel" src="kontakt1.gif" alt="e-mail og telefon nr."
style="border:none;" /></a></td>
</tr>
</table>
</div>
</body>
</html>
