title: JCrop How to crop image by dragging it behing a div (like facebook cover)
body: <p>I have used <a href="http://deepliquid.com/content/Jcrop.html" rel="nofollow noreferrer">Jcrop</a> extensively but I want to crop the image in much similar way the Facebook uses for cropping its cover image.</p>
  
  <p>So, I want a div to be of some fixed size wherein the background to hold a draggable image of its original size, which the user drag and find the suitable visible region to be cropped.</p>
  
  <p>From what I have learnt, in JCrop, the original image is of fixed size and draggable region moves over it which you want to be cropped.I just want the opposite. The image to be draggable and selection region to be fixed.</p>
  
  <p>Is there a way to do it using JCrop?</p>
  
  <p><strong>EDIT:</strong>
  Since it's been some time I posted the answer, <a href="https://stackoverflow.com/questions/19128050/jcrop-how-to-crop-image-by-dragging-it-behing-a-div-like-facebook-cover/25108478#25108478">the other answer</a> helps in much better way. Please check that out</p>