Hallo,
ich habe ein Problem.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="JavaScript">
<!--
document.onmousemove=cursorinit;
function cursorinit(e) {
objekt = "MP";
if(!document.all) {event=e;}
XpositionAlt=document.getElementById(objekt).style.left;
YpositionAlt=document.getElementById(objekt).style.top;
document.onmousemove=move;
return false;
}
function move(e) {
if(objekt) {
if(!document.all) {event=e;}
Xwert=event.clientX;
Ywert=event.clientY;
document.getElementById(objekt).style.left=parseInt(XpositionAlt)+Xwert;
document.getElementById(objekt).style.top=parseInt(YpositionAlt)+Ywert;
}
return false;
}
-->
</script>
</head>
<body>
<img id="MP" style="position:absolute;left:0px;top:0px;" alt="cursor" src="test.jpg" />
</body>
</html>
Das funktioniert soweit. Aber wenn ich scrolle gibt es ein Problem. Das Bild kommt nicht hiterher. Wie könnte ich das lösen?
