Construire la roulette en utilisant jQuery et la rotation CSS3

Question

J'essaie de construire une roulette à contrôler par la souris, je n'utilise pas de canvas ou svg mais seulement la rotation CSS3 et quelques jQuery. Ce que je veux accomplir est quand la souris est sur la roulette et il est cliqué et maintient, je veux que l'utilisateur puisse tourner la roue quand il déplace la souris de haut en bas. J'utilise le event.offsetY pour obtenir la position de la souris et selon cette position je déplace la roulette avec ou contre la montre. Le problème est que je pense que la position de décalage de la souris change en fonction de la rotation de la roue, est-ce un moyen de garder la position de décalage de la souris "réel" avec le document?

-Ou-

Quelqu'un sait une meilleure idée pour y parvenir?

S'il vous plaît voir le code ici: http://jsfiddle.net/MZxgp/ (travaux sur chrome seulement)

Un grand merci!

Answer 1

J'ai utilisé un div overlay qui ne se déplace pas pour capturer les événements de souris (voir jsFiddle)

J'espère que cette aide