Image sous curseur, ou curseur remplacé par image
Bonjour,
j'ai suivi un tuto pour avoir une image qui suive le curseur,
le problème c'est que cette image est plutôt loin de mon curseur.
J'aimerais donc que mon image sois directement sous mon curseur, ou même qu'elle le remplace!
Voici mon code pour le moment:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>page principale</title>
<div style="clear: both;"></div></div></div></div></div><script type="text/javascript">
HabboView.run();</script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<!--
document.onmousemove = suitsouris;
function suitsouris(evenement)
{
if(navigator.appName=="Mozilla firefox")
{
var x = event.x+document.body.scrollLeft;
var y = event.y+document.body.scrollTop;
}
else
{
var x = evenement.pageX;
var y = evenement.pageY;
}
document.getElementById("image_suit_souris").style.left = (x+1)+'px';
document.getElementById("image_suit_souris").style.top = (y+1)+'px';
}
//-->
</script>
</head>
<body>
<img src="curseur.png" alt="Image qui suit la souris" id="image_suit_souris" style="position:absolute;display:block;z-index:5;" />
</body>
</html> |
En attendant impatiemment votre aide et en vous remerciant d'avance,
Marionette
