Dmitriyff, это не решит задачу.
Вообщем написал так:
$(document).ready(function() {
$('.field img').each(function() {
drag(this);
});
});
var startX,
startY,
offsetX,
offsetY,
zindex,
element;
function intval(intval) {
intval=parseInt(intval);
return intval==null || isNaN(n)?0:intval;
}
function drag(obj) {
obj=$(obj);
var field=$('.field'),
target;
obj.mousedown(function(e) {
field.unbind('mouseup');
target=e.target != null?e.target:e.srcElement;
startX=e.clientX;
startY=e.clientY;
offsetX=intval(target.style.left);
offsetY=intval(target.style.top);
zindex=target.style.zIndex;
target.style.zIndex=1000;
element=target;
field.mousemove(function(e) {
element.style.left=(offsetX+e.clientX-startX)+'px';
element.style.top=(offsetY+e.clientY-startY)+'px';
obj.mouseup(function() {
field.unbind('mousemove');
});
});
}
}
Теперь он двигается нормально.
Но возникла проблема, при отдалении или сколле, элемент уходит от мышки( как это решить? Прошу помогите...
Исправьте пожалуйста, что не так.