How do you make a picture follow your mouse pointer with jquery?

Question

I find drag-and-drop difficult (you know, keeping the mouse button depressed while moving), and want to offer a \'select and drop\' where a user clicks on an icon and clicks

Answer 1

Just store the element in some variable that is accessible to the click event.

So, have an onclick on every image: $('img').bind('click', function(e) { ... }); Then, when they click, just store the targetEvent somewhere and bind a click event to the drawing-plate.

An interesting way would be to use a closure and bind that particular targetEvent so that in the event of a click on the drawing-plate you will know which one to move, but as long as you know, then you will just use an animation to move the img over to the new location.

I forgot, you will also need to ensure that when an image is clicked on that the event handler that is already on the drawing-plate is removed before binding a new one.