It's hard to debug this on your site, it would help if you can create a jsFiddle of this.
However, I think the problem is that you're changing the position of the img
that is firing the mousemove
event. This moves the img
element away from the mouse cursor and so the event will no longer fire unless you move back into the img
(to the right or down).
Instead, try firing the event on the parent
jQuery("div.zoom2").mousemove(function(e) {
You'll have to modify some of the jQuery to point to the right elements. Also, are you sure you don't want to set the negative of the cursor movement? Like so:
jQuery(".rsImg2").css({"left" : -relX, "top" : -relY});
Or something akin to this. Play around with it. If you create a jsFiddle, we can help out a bit better =)
Good luck!