Move one image inside other image

Question

Background

I am allowing user to upload an image inside mask image....

Once user upload image, I am filling user uploaded i

Answer 1

I made a few changes to your design. its a small change to the html and css. The new html layout is like this

where image-holder div is the mask image and the image inside it, is the user uploaded image

I made a demo have a look here

Note for draggable to work you need jQuery.ui installed, and I think that you already using it in your site.