Как создать ссылку на изображение с помощью jQuery

Я хотел бы создать ссылку на изображение при нажатии кнопки. То, что у меня есть до сих пор, когда я нажимаю на изображение, я правильно получаю координаты. Но как я могу динамически создать ссылку на позицию с щелчком мыши? Можно ли это сделать?Как создать ссылку на изображение с помощью jQuery

Это то, что я до сих пор:

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

Функция captureMousePosition возвращает X и Y позиции для меня.

источник

2013-03-11 Felipe Mosso

Вы пытаетесь создать ссылку над полным изображением? Если да, то просто оберните ее «» и установите атрибут href с помощью jquery – Peeyush

Нет .. Создайте ссылку в каждом щелчке мыши, в определенном месте image –

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

источник

2013-03-11 01:37:33 blackhawk

Таким образом, я собираюсь создать ссылку для всего изображения, rigth? Я пытаюсь создать ссылку только там, где я нажимаю внутри изображения –

, вы можете попробовать этот инструмент, если хотите пропустить его код с нуля - http://www.maschek.hu/imagemap/imgmap – blackhawk

Nick также имеет альтернативное решение здесь - http://stackoverflow.com/questions/3379583/using-jquery-to-change-image-map-coord-values?rq=1 – blackhawk

Я думаю, вы можете попытаться создать динамически <map> над кликом на изображение. Ссылка: http://www.w3schools.com/tags/tag_map.asp

источник

2013-03-11 01:38:59

Спасибо, я посмотрю! –

Я в конечном итоге делаю что-то лучше для своего случая. Поскольку я хотел динамически создавать образы над другим, я использовал функцию append() из jQuery. Вот что я сделал:

создал IMG тег:

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

Установите его CSS соответственно положение кнопки мыши:

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

и, наконец, приобщать его с родителем изображения:

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

Где $ (это) - моя ссылка на изображение.

Примечание 1: Мое изображение внутри и div, поэтому я использовал функцию parent(). Примечание 2: Все эти фрагменты кода находятся внутри события клика изображения.

Пример:

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

}

Надеется, что это помогает! :)

источник

2013-03-12 00:53:14

Как создать ссылку на изображение с помощью jQuery

ответ

Смежные вопросы