Comment créer un lien sur une image en utilisant jQuery

Question

Je voudrais créer un lien sur une image en cliquant sur le bouton. Ce que j'ai jusqu'ici est, quand je clique sur l'image, j'obtiens les coordonnées correctement .. mais comment puis-je dinamically créer un lien sur la position cliquée de souris? Est-il possible de le faire?

C'est ce que j'ai jusqu'à présent:

$('.ImgMapa').click(function(e) { 
captureMousePosition(e); 
var offset = $(this).offset(); 
var left = xMousePos; 
var top = yMousePos; 
}); 

La captureMousePosition fonction retourne la position X et Y pour moi.

Answer 1

$('.image').click(function(e){ 
e.preventDefault(); 
window.location="http://google.com"; 
}); 

Answer 2

Je pense que vous pouvez essayer de créer dynamiquement <map> sur l'image cliquée. Lien: http://www.w3schools.com/tags/tag_map.asp

Answer 3

Je finis par faire quelque chose de mieux pour mon cas. Comme je voulais créer dynamiquement des images sur un autre, j'ai utilisé la fonction append() de jQuery. Voici ce que je l'ai fait:

a créé une balise img:

var img = $('<img src="http://3.bp.blogspot.com/-BDsYRXImsOQ/T-czORDNXZI/AAAAAAAABz4/qjWlHzzEBsA/s1600/1606gdg.png"/>'); 

Définissez sa css en conséquence à la position de clic de souris:

img.css('cssText', 'top: ' + (top-10) + 'px;' + 'left: ' + (left-10) + 'px; position: absolute; width: 22px; height: 22px'); 

et enfin l'ajouter avec les parents d'image:

$(this).parent().append(icone); 

Où $ (this) est ma référence d'image.

Note 1: Mon image est à l'intérieur et div, c'est pourquoi j'ai utilisé la fonction parent(). Note 2: Tous ces morceaux de code sont dans mon événement click image.

Exemple:

$('.Img').click(function(e) { 

} 

Hope it helps! :)