Discussion :

[maffoyon]

Bonjour,

je souhaiterais modifier l'apparence de la souris sur mon site Internet pour qu'elle soit personnalisée. j'ai déjà l'image. comment je fais?

[Tizard]

Voici ce petit script que j'ai utilisé avant :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<!-- DEBUT DU SCRIPT -->
<!-- <script type="text/javascript">
 
var x = 0;
var y = 0;
 
if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = Pos_Souris;
   window.onload = Bouge_Image;
   }
 
function Pos_Souris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   }
 
posX = 0;
posY = 0;
anim = true;
oldpos = "*****TONIMAGE.JPG(CHEMIN D'ACCES)*****";
 
function Bouge_Image()
   {
   if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
            document.getElementById("teteronde").style.top = posY;
      document.getElementById("teteronde").style.left = posX;
      tempo = setTimeout("Bouge_Image()", 15)
      }
   }
 
if(document.getElementById)
   {
   document.write('<DIV ID=teteronde style="position: absolute">');
   document.write('<A HREF="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');
   document.write('<IMG SRC="*****TONIMAGE.JPG(CHEMIN D'ACCES)*****" BORDER=0 HSPACE=0 VSPACE=0 NAME=tete ALT="Cliquez ici pour faire disparaître">');
   document.write('</A>');
   document.write('</DIV>');
   }
</SCRIPT>
<!-- FIN DU SCRIPT -->

Suffit de modifier les *****TONIMAGE.JPG(CHEMIN D'ACCES)*****
par le chemin de ton image :p (exemple : /images/cursor.gif)

++