Personnalisation d'un script

**labarre2002** · 28/02/2023, 20h31

Bonsoir

J' ai intégré cette bibliothèque en vue de personnaliser mon curseur

http:////magicmousejs.web.app/

Par défaut le curseur est blanc donc sur une page en fond blanc il est invisible.J ai beau consulter le site je trouve pas la facon de changer la couleur
du curseur par defaut.
ci dessous le script:

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
        options = {
        "cursorOuter": "circle-basic",
        "hoverEffect": "pointer-blur",
        "hoverItemMove": false,
        "defaultCursor": false,
        "outerWidth": 41,
        "outerHeight": 41,
 
          };
        magicMouse(options);
    </script>

Pourrais-je avoir des idées en vue de changer la couleur par défaut ?

Merci.

**NoSmoking** · 01/03/2023, 13h55

Bonjour,

Par défaut le curseur est blanc donc sur une page en fond blanc il est invisible.J ai beau consulter le site je trouve pas la facon de changer la couleur
du curseur par defaut.

il le dit lui même sur son dépôt GitHub :

Envoyé par What's next?

You should have the nice effect for your mouse now, of course you can override the CSS code to make it more elegant and suitable with your website (change color, size,..). I'll add more effects to this libs when I have time, sure you can contribute to this repository and I'm very appreciate that !

Il te faut donc surcharger le CSS en utilisant les sélecteurs body #magicPointer et body #magicMouseCursor, par exemple :

Code css :

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

1
2
3
4
5
6
7
body #magicPointer {
  background: #00F;         /* mainteant c'est bleu */
}
 
body #magicMouseCursor {
  border: 1px solid #F00;   /* maintenant c'est rouge */
}

**labarre2002** · 01/03/2023, 15h34

BOnjour

NoSmoking

merci pour ta réponse.

**labarre2002** · 01/03/2023, 18h39

Bonsoir

NoSmoking

en modifiant mon code comme suit

Code html :

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

<body  id="magicCursorPointer" id="magicCursorPointer">

le changement s'opère mais si j 'actualise la page mon curseur redevient blanc.

**Beginner.** · 02/03/2023, 08h51

Salut,

Tu as mis deux id identiques sur le body ???

Les id doivent être uniques...

Tu voulais peut-être utiliser les deux id mentionnés par NoSmoking ? :

Envoyé par NoSmoking