Titre: image qui suit le curseur ?
Posté par: lulu44 le le 09-12-2011 a 17:57:28
| Bonjour, je voudrais faire une div de 100px par 100px qui quand la souris passe dessus affiche une image qui suivrais le curseur de la souris. mais uniquement quand la souris serait dans les 100*100 pixels. merci. :) |
Titre: Re:image qui suit le curseur ?
Posté par: Chriss le le 12-12-2011 a 11:44:56
Oui, faisable avec les évènements javascript.
Tant que sur l'image alors afficher la div.
|
Titre: Re:image qui suit le curseur ?
Posté par: lulu44 le le 12-12-2011 a 18:19:48
| Oui merci, mais justement comment fait-on cela ? par exemple comme sur ce site: http://tabs.ultimate-guitar.com/a/a_camp/elephant_crd.htm mais sur une div, l'ouverture en dégradé et l'image qui suit les mouvement du curseur tant que la souris se balade sur la div. une sorte de menu déroulant mais avec une image mobile :) |
Titre: Re:image qui suit le curseur ?
Posté par: Chriss le le 12-12-2011 a 18:32:14
| LE .hover de Jquery permet de faire la première partie : http://api.jquery.com/hover/ |
Titre: Re:image qui suit le curseur ?
Posté par: lulu44 le le 12-12-2011 a 19:38:39
| oui merci pour le lien il me sera utile, mais c'est le même principe que le onmouseover et onmouseout, ce que je voudrais connaître c'est justement la fonction qui fait qu'une image suit le curseur pour ce qui es d'évènement je sais faire. :) |
Titre: Re:image qui suit le curseur ?
Posté par: Chriss le le 13-12-2011 a 05:47:10
| Une piste... http://www.jejavascript.net/imagsouris1.php |
Titre: Re:image qui suit le curseur ?
Posté par: WebD le le 13-12-2011 a 10:49:34
Voici comment récupérer la position de la souris:
Code:
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; |
|
Ensuite un petit coup de css et puis c'est bon.
A+ |
Titre: Re:image qui suit le curseur ?
Posté par: lulu44 le le 13-12-2011 a 23:27:35
Finalement je n'ai pas réussit à faire le code, es que quelqu’un peut-il m'aider, je reformule ma question pour être plus clair:
je voudrais faire en sorte que si un client passe sur un mot dans un texte, une image s'affiche en haut à droite du curseur enfaite exactement comme ça: http://www.guitaretab.com/a/anand-bhatt/302208.html ,(la div de 100 sur 100 c’était pour représenter un texte) :) merci |
Titre: Re:image qui suit le curseur ?
Posté par: lulu44 le le 15-12-2011 a 18:56:44
| Personne n'a de solutions ? |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|