Det, der ikke virker nu, er, at de forskellige billeder vises på samme sted på siden og ikke ud for det enkelte navn. Jeg har brugt dit eksempel og lagt to navne ind med de dertil hørende fotos.
Jeg har prøvet alt, hvad jeg kunne finde på med top- og leftværdier; men jeg kan ikke få det til.
Scriptet kan ses på:
http://home9.inet.tele.dk/findovia/farvegladerne/Sanserum/MouseOver/mouseover.html
og ser nu ud som vist herunder:
<html>
<head>
<script language="javascript">
var imageName = "swapImage";
var oldSrc = null;
function imgOver(newSrc) {
oldSrc = document.images[imageName].src;
document.images[imageName].src = newSrc;
}
function imgOut() {
document.images[imageName].src = oldSrc;
oldSrc = null;
}
</script>
</head>
<body>
<div style="position:absolute;top=100;left=200;">
<a href="#" onmouseover="imgOver('foto_lisbeth.jpg')" onmouseout="imgOut()">Lisbeth</a>
</div>
<div style="position:absolute;top=100;left=20">
<img name="swapImage" src="pixel2.gif" width="128" height="156">
</div>
<div style="position:absolute;top=140;left=200;">
<a href="#" onmouseover="imgOver('foto_hans.jpg')" onmouseout="imgOut()">Hans</a>
</div>
<div style="position:absolute;top=140;left=20">
<img name="swapImage" src="pixel2.gif" width="128" height="156">
</div>
</body>
</html>
Hvad er der galt med det?
Hvordan får jeg givet billederne forskellige positioner?
Hilsen.
findovia