OK, nu er den der:
Først skal du udskifte dit første script på din side med dette:
<script>
loaded = false;
function findPosX(objid) {
obj = (document.layers) ? document[objid] : (document.getElementById) ? document.getElementById(objid) : document.all[objid];
var curleft = 0;
if (document.getElementById || document.all)
{
while (obj.offsetParent)
{
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
}
else if (document.layers)
curleft += obj.x;
return curleft;
}
function findPosY(objid) {
obj = (document.layers) ? document[objid] : (document.getElementById) ? document.getElementById(objid) : document.all[objid];
var curtop = 0;
if (document.getElementById || document.all)
{
while (obj.offsetParent)
{
curtop += obj.offsetTop
obj = obj.offsetParent;
}
}
else if (document.layers)
curtop += obj.y;
return curtop;
}
function vis(billid) {
if (!loaded) return;
stl = (document.layers) ? document[billid] : (document.getElementById) ? document.getElementById(billid).style : document.all[billid].style;
stl.left = findPosX("ruler") + 12;
stl.top = findPosY("ruler") + 12;
stl.visibility = "visible";
}
function skjul(billid) {
if (!loaded) return;
stl = (document.layers) ? document[billid] : (document.getElementById) ? document.getElementById(billid).style : document.all[billid].style;
stl.visibility = "hidden";
}
</script>
Så indsætter i dette i <body>-tagget:
<body onLoad="loaded = true;">
Derefter giver du dit billede "33.jpg" denne id:
<img src="33.jpg" width="125" height="33" alt="" border="0" id="ruler">
Nu skal du ved dine menupunkter indsætte denne kode:
<a href="#" onMouseover="vis('lagNavn')" onMouseout="skjul('lagNavn')"><img src="23.jpg" width="125" height="41" alt="" border="0"></a>
(husk at ændre 'lagNavn' til navnet på laget)
Og til sidst skal du selvfølgelig give din skjulte billed-lag den rigtige id.
