2010-12-27 8 views
4

Je voudrais trouver du code ou une technique pour placer des points au-dessus d'une image en HTML. Lorsque l'utilisateur clique sur l'image, l'événement javascript appelle une fonction avec les positions x, y du pointeur par rapport à l'origine de l'image. Idéalement, l'utilisateur pourrait aussi zoomer/dézoomer sur des images plus grandes qui ne peuvent pas tenir sur la page.Positionner des points au-dessus d'une image avec HTML/Javascript

Merci pour toute aide/idées!

+0

Laissez-moi ce droit, vous voulez afficher en quelque sorte un (co lored?) pointe à l'emplacement du pointeur de la souris lorsque l'utilisateur clique sur une image? – Samuel

+1

downvoting, je ne peux simplement pas imaginer les choses, fournir le code que vous êtes jusqu'à ... blague +1 :) –

Répondre

1

On dirait que vous devriez regarder dans HTML5, en particulier les éléments Canvas:

Voici quelques ressources:

+1

Toile pourrait être trop dans ce cas. Peut-être est-il plus facile de cloner une image "point" prédéfinie et de l'attacher à la cible (x, y set via CSS). –

+0

@bebraw Je suis d'accord – Samuel

+0

Hmm l'idée CSS semble bonne. Toile pourrait travailler aussi .. Merci les gars – Russell

Questions connexes