animation à la place de la sourie

17 janvier 2009 à 18:10:14

bonjour à tous,

j'aimerais remplacer pour mon site la flêche de la sourie par un petit papillon qui bat des ailes (.gif)?

Pouvez vous me renseigner sur la formule à appliquer afin d'améliorer un peu le site.

Merci par avance.

shareman

17 janvier 2009 à 18:13:17

Je crois qu'il va te falloir poser cette question sur le forum Javascript.

Darkodam

17 janvier 2009 à 20:13:49

Yop!

Faisable en css grâce à la propriété cursor

nico***

17 janvier 2009 à 20:46:52

merci et sympa de m'avoir repondu !!!

je fouine dans le tuto depuis mais je n'y trouve rien!!!

si quelqu'un connait la formuke, je suis preneur ...

Golmote

18 janvier 2009 à 1:18:54

Citation : selfhtml

cursor :
[...]
url([fichier]) = curseur au choix, [fichier] doit être un graphique GIF ou JPG.

nico***

18 janvier 2009 à 10:51:35

J'ai trouvé des infos sur un site, alors voici ce que j'ai rentré dans les code css:

j'ai ajouté a ma balise body;
cursor:url("http://www.quigif.com/images_gifs/animaux/papillons/papillons (22).gif"

et j'ai rentré entre les balises <head> et </head>

<style>

BODY{ cursor:url("http://www.quigif.com/images_gifs/animaux/papillons/papillons (22).gif"
</style>

mais ça ne fonctionne toujours pas.

Darkodam

18 janvier 2009 à 10:59:42

Après m'être plus amplement renseigné et après quelques tests, voici mes conclusions :

Internet Explorer n'accepte que des images en .cur ou .ani, les autres navigateurs acceptent tout type d'image.
On doit spécifier un curseur par défaut pour Firefox en plus du curseur personnalisé. (ex :cursor:url(mon_curseur.gif), pointer; )
Opera ne supporte pas les curseur personnalisés.
Rien à signaler sur Safari.

Pas pu tester sur d'autres navigateurs.

Donc pour être compatible partout, il faut utiliser une image en .cur et mettre un curseur par défaut :cursor:url(mon_curseur.cur), default;

Enjoy!

nico***

18 janvier 2009 à 11:07:15

merci de ta reponse,

.cur, c'est quand meme animé comme graphique?

Et faut_il que je rentre cursor:url dans mes codes css?