имеется примерно следующий xтмл код
<img src='прозрачная картинка' usermap="#map">
<map name="#map">
<area id="area_draggable1" ..../>
<area id="area_draggable2" ..../>
</map>
<img id="draggable1" .../>
<img id="draggable2" .../>
img#draggable1 img#draggable2 - невидимые. Но при наведении на area - они появляются (по событию mouseover).
Т. е чтото вроде этого.
карта.
Но мне еще надо реализовать dragndrop.
Но получается что клик то срабатывает на элементе <area />, а насколько я понял его двигать фактически нельзя. Так как он не имеет свойств top и left. Ну и двигать то нужно не его самого (он впринципе невидимый), а соответсвующий <img />.
Вопрос - можно ли както при клике, подменить объект. Т. е чтобы все дальнейшие действия обрабатывались <img/>
Например:
$('area').bind('mousedown', function() {
this = $('img#draggable1'); // понятно что этот код работать не будет...
})