Fjerne ramme rundt om grafik filer i forbindelse med java script
Hej.Er der nolge der kan hjælpe mig med at fjene den usynlige ramme der er omkring mien grafik filer efter jeg har blandet java ind i koderne.
i kan se eksemplet på:
http://www.maelkevej.dk/taet/grafik/test.html
meningen er jo at filerne skal stå tæt sammen, så det ligner en samlet linie ind til man køre musen hen over og linket så skifter farve.
koden ejg har brug ser således ud:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Skift billede</title>
<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start
billede1 = new Image();
billede1.src = "forside2.jpg";
billede2 = new Image();
billede2.src = "forside.jpg";
function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}
billede3 = new Image();
billede3.src = "termografi2.jpg";
billede4 = new Image();
billede4.src = "termografi.jpg";
function skiftbillede2(img_name,img_src) {
document[img_name].src=img_src;
}
billede5 = new Image();
billede5.src = "blowerdoor2.jpg";
billede6 = new Image();
billede6.src = "blowerdoor.jpg";
function skiftbillede3(img_name,img_src) {
document[img_name].src=img_src;
}
billede7 = new Image();
billede7.src = "ydelser2.jpg";
billede8 = new Image();
billede8.src = "ydelser.jpg";
function skiftbillede4(img_name,img_src) {
document[img_name].src=img_src;
}
billede9 = new Image();
billede9.src = "kontakt2.jpg";
billede10 = new Image();
billede10.src = "kontakt.jpg";
function skiftbillede5(img_name,img_src) {
document[img_name].src=img_src;
}
// Slut -->
</script>
</head>
<body>
<a href="http://www.html.dk"
onmouseover="skiftbillede('eksempel','forside2.jpg')"
onmouseout="skiftbillede('eksempel','forside.jpg')">
<img width="160" name="eksempel" src="forside.jpg" alt="Før musen over dette billede"
border="0" /></a><a href="http://www.html.dk"
onmouseover="skiftbillede2('eksempel2','termografi2.jpg')"
onmouseout="skiftbillede2('eksempel2','termografi.jpg')">
<img width="160" name="eksempel2" src="termografi.jpg" alt="Før musen over dette billede"
border="0" /></a><a href="http://www.html.dk"
onmouseover="skiftbillede3('eksempel3','blowerdoor2.jpg')"
onmouseout="skiftbillede3('eksempel3','blowerdoor.jpg')">
<img width="160" name="eksempel3" src="blowerdoor.jpg" alt="Før musen over dette billede"
border="0" /></a><a href="http://www.html.dk"
onmouseover="skiftbillede4('eksempel4','ydelser2.jpg')"
onmouseout="skiftbillede4('eksempel4','ydelser.jpg')">
<img width="160" name="eksempel4" src="ydelser.jpg" alt="Før musen over dette billede"
border="0" /></a><a href="http://www.html.dk"
onmouseover="skiftbillede5('eksempel5','kontakt2.jpg')"
onmouseout="skiftbillede5('eksempel5','kontakt.jpg')">
<img width="160" name="eksempel5" src="kontakt.jpg" alt="Før musen over dette billede"
border="0" /></a>
</body>
</html>
Mvh
Andreas
