touch3x: Mouseover mit fixiertem Image

Beitrag lesen

Servus Forum.
Wie oben schon erwähnt, möchte ich, wenn ich über einen Text fahre ein Image kommt, welches oben rechts von Bild fixiert ist, und nicht an dem Cursor hängt, so wie ich es jetzt habe.
Bitte um Hilfe.

Beifügen werde ich meinen Code.

<html>  
<head>  
<style type="text/css">  
<!--  
.MouseOverGrafikCSS {  
position: absolute;  
visibility: hidden;  
z-index: 100;  
}  
-->  
</style>  
<title></title>  
</head>  
<body onMouseMove="mouse(event);">  
<span id="MouseOverGrafikCSS" class="MouseOverGrafikCSS"></span>  
<script language="JavaScript">  
<!--  
  
// Definition der Grafiken  
var Grafik1 =('<img src=\"lockdown.png\" width=\"699\" height=\"734\">');  
var Grafik2 =('<img src=\"bootleg.png\" width=\"699\" height=\"734\">');  
var Grafik3 =('<img src=\"mission.png\" width=\"699\" height=\"734\">');  
var Grafik4 =('<img src=\"carbon.png\" width=\"699\" height=\"734\">');  
var Grafik5 =('<img src=\"dome.png\" width=\"457\" height=\"480\">');  
var Grafik6 =('<img src=\"downturn.png\" width=\"701\" height=\"734\">');  
var Grafik7 =('<img src=\"hardhat.png\" width=\699\" height=\"734\">');  
var Grafik8 =('<img src=\"interchange.png\" width=\"709\" height=\"734\">');  
var Grafik9 =('<img src=\"fallen.png\" width=\"699\" height=\"734\">');  
var Grafik10 =('<img src=\"bakaara.png\" width=\"699\" height=\"734\">');  
var Grafik11 =('<img src=\"resistance.png\" width=\"699\" height=\"734\">');  
var Grafik12 =('<img src=\"arkaden.png\" width=\"699\" height=\"734\">');  
var Grafik13 =('<img src=\"outpost.png\" width=\"699\" height=\"734\">');  
var Grafik14 =('<img src=\"seatown.png\" width=\"699\" height=\"734\">');  
var Grafik15 =('<img src=\"underground.png\" width=\"699\" height=\"734\">');  
  
var XPosition = 10;  
var YPosition = 20;  
var MouseOverObjekt, MouseOverGrafik;  
var Anzeige = -1000;  
  
MouseOverGrafik = document.getElementById('MouseOverGrafikCSS').style;  
  
function MouseOver(Grafik)  
{  
Anzeige = YPosition;  
document.getElementById('MouseOverGrafikCSS').innerHTML = Grafik;  
MouseOverGrafik.visibility = "visible";  
}  
  
function mouse(e)  
{  
x = document.all ? window.event.x : e.pageX;  
y = document.all ? window.event.y : e.pageY;  
  
MouseOverGrafik.left = x+XPosition;  
MouseOverGrafik.top = y+Anzeige;  
}  
  
function MouseOverBeenden()  
{  
Anzeige = -1000;  
MouseOverGrafik.visibility = "hidden";  
}  
  
// -->  
</script>  
<p><span style="color:lime">  
<a href="#" onmouseover="MouseOver(Grafik1);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Lockdown</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik2);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Bootleg</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik3);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Mission</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik4);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Carbon</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik5);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Dome</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik6);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Downturn</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik7);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Hardhat</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik8);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Interchange</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik9);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Fallen</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik10);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Bakaara</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik11);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Resistance</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik12);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Arkaden</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik13);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Outpost</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik14);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Seatown</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik15);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Undergreound</a><br><br>  
<a href="#" onmouseover="MouseOver(Grafik16);" onmouseout="window.setTimeout(MouseOverBeenden, 2000);">Village</a>  
  
</span>  
</p>  
</body>  
</html>