У меня есть картина, которую я использую с Area Map
в HTMLКак добавить/изменить значение атрибута
Я добавил некоторые самозагрузки на страницу, но длинный рассказ короткий.
Я хотел бы динамически изменять координаты моих областей в зависимости от положения изображения после загрузки.
я получаю положение изображения, как этот
var addLEFT = $("#body_hand_foot_image").position().left;
var addTOP = $("#body_hand_foot_image").position().top;
Так здесь я хочу добавить значения двух переменных по координатам областей. Ниже приведен пример одной из этих областей. Все они точны для изображения, расположенного в точке x = 0 - y = 0.
<area class="joint" alt="Front Right Neck" href="#" joint="R_Neck_front" full="Right Neck" shape="circle" coords="126,92,8" />
Любые идеи?
Окончательное решение после некоторой помощи
function reconfCoords() {
var items = $('#jointMap').find('area');
items.each(function() {
var c = $(this).attr('coords');
var coords = c.split(',');
coords[0] = (Number(coords[0]) + Number($("#body_hand_foot_image").position().left)).toString();
coords[1] = (Number(coords[1]) + Number($("#body_hand_foot_image").position().top)).toString();
$(this).attr('coords',coords.join());
var a = $(this).attr('coords');
});
return true;
}
Хотите обновить '' 'coords''' атр из' '' area''' тега? –
Итак, вы хотите разделить содержимое атрибута 'coords', проанализировать результаты как целые числа, добавить к ним некоторое значение и сериализовать их обратно в атрибут? Каковы ваши проблемы с достижением этого? –
@ FrédéricHamidi Ну, да и да. и не знаю, как это сделать. Но ваш комментарий дал мне некоторые подсказки, поэтому я попробую. – morne