Déplacement image avec souris

Bonjour,

Je souhaite réaliser un effet sûrement très simple pour certains mais complexe pour moi. Je veux que lorsque qu'on déplace la souris dans une zone bien définie (en x et y), une image suive le mouvement de ma souris; avec s'il est possible de le faire, un effet de ralentissement ou accélération suivant la vitesse de déplacement. J'ai réalisé un effet semblable (simple déplacement) en flash, mais je souhaite que mon site soit seulement en html (du moins, pas de flash du tout)

Pour vous éclairer, voilà ma petite animation flash (www.bejustcreative.com/halinka ----- voir le menu du haut avec petite barre rouge)

Merci pour vos précieux conseils.:D

Sabine

Bonjour,
tu peux utiliser ce script de la FAQ Javascript.
Il s'agit d'une info-bulle qui peut gérer un grand nombre d'éléments.
Mais tu n'as visiblement besoin que d'une image, tu peux donc le simplifier ...
EDIT : vu ton exemple, il faudra également ajouter des bornes horizontales et verticales aux bulle.style.left et bulle.style.top pour pas que le "curseur" sorte de ton menu ...

A+

C'est pas forcement très compliqué. Tu ajoute un évènement onmousemove sur ton image et ensuite tu modifie l'attribut left de ton image de ligne rouge qui se déplace, en fonction de la position du curseur ( event.x en principe, mais je crois que c'est uniquement compatible ie mais il existe quelque chose pour avoir la position de la souris sous FF aussi mais je sais plus lequel)

Voila j'espère que je suis claire dans ce que j'ai expliqué :mrgreen:

Je peut essayer de l'etre plus si t'a rien compris.