Image sous curseur, ou curseur remplacé par image

**marionette48** · 19/10/2012, 12h30

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 19/10/2012, 12h36

la position de l'image par rapport à la souris est fixée là:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 document.getElementById("image_suit_souris").style.left = (x+1)+'px';
document.getElementById("image_suit_souris").style.top  = (y+1)+'px';

sinon en css on peut mettre une image pour le curseur ...

**marionette48** · 19/10/2012, 13h41

super!!
merci beaucoup!!!!
j'avais vu, mais je n'avais pas pensé à mettre un "-" à la place du "+"!

Image sous curseur, ou curseur remplacé par image

JavaScript

Discussions similaires

Partager

Partager