a tu ti posielam este vylepsenu verziu, kde sa obrazok nezobrazi v strede, ale tam kde je prave kurzor mysi.
- Kód: Vybrat vše
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<script>
var imgobj;
function loadimage(url, e)
{
if(document.getElementById("img-preview")==null)
{
imgobj=document.createElement("img");
document.body.appendChild(imgobj);
}
else
{
imgobj=document.getElementById("img-preview");
imgobj.style.display="block";
}
imgobj.setAttribute("src",url);
imgobj.setAttribute("id","img-preview");
moveimage(e);
}
function moveimage(e)
{
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
// posx and posy contain the mouse position relative to the document
// Do something with this information
itop=posy+"px";
ileft=posx+"px";
imgobj.style.position="absolute";
imgobj.style.top=itop;
imgobj.style.left=ileft;
}
function hideimage()
{
imgobj=document.getElementById("img-preview");
imgobj.style.display="none";
}
</script>
</head>
<body>
<br /><br /><br /><br /><br />
<a href="#" onmouseover="loadimage('http://forum.zive.cz/templates/alexisOrange/images/logo.gif', event);" onmouseout="hideimage();" onmousemove="">tuu</a>
</body>
</html>