Vis billed
Jeg bruger følgene kode til at når musen køre over ens navn så vises ens billed...Koden virker, men hvis der er mange navne og man bruger scroll baren ude i høje side, så popper ens billed ikke længer op der hvor musen er.
Er der en venlig sjæl som kan hjælpe for nogle points?
Code:
<HTML>
<HEAD>
<title>Natmotion</title>
<script language="JavaScript" type="text/javascript">
function getElementsByClass(tagName, name)
{
var elms = new Array();
var tagElms = document.body.getElementsByTagName(tagName);
var count = 0;
for(var i = 0; tagElms.length > i; i++)
{
if(tagElms[i].className == name)
{
elms[count] = tagElms[i];
count++;
}
}
return elms;
}
function showBox(e, boks)
{
box = document.getElementById(boks).style;
box.left = ((e.clientX) ? e.clientX : e.pageX)+15+"px";
box.top = ((e.clientY) ? e.clientY : e.pageY)-15+"px";
box.display = "block";
}
function hideBox(boks)
{
document.getElementById(boks).style.display="none";
}
bill = new Array(".", "..", "xing.jpg"); //Billederne. Listen kan sagtens forstørres/formindskes.
i = -1;
nsImg = new Image();
tbts = 0;
function preload()
{
for(var i = 0; i < bill.length; i++)
{
document.getElementById('pimg').src = bill[i];
}
}
</script>
</HEAD>
<BODY>
<img src="" name="pimg" id="pimg" style="display: none;" onLoad="preload()">
<div id="xing" style="position:absolute;left:0px;top:0px;display:none"><img src="/pic/xing.jpg" /></div>
<TABLE id="bodyTable" width="" style="border-width: 1px;">
<TR>
<TD onmouseover="showBox(event, 'xing')" onmousemove="showBox(event, 'xing')" onmouseout="hideBox('xing')">Xing</TD>
</TR>
</TABLE>
</BODY>
</HTML>
