PHP/JS: Profilephoto resize and cutting

Question

Hi i just went on a site, when you press "upload image" a lightbox comes up, and then it says upload image, you browse find a image and then you press submit. After that, it shows your image with a square that you can move around and make bigger smaller /width/height.. so you like cutting. After that you can save, and you now have a new avatar.

What have they done for doing that? Is there any library or so to do this? Would like to have that on my webpage.

Answer 1

They are likely using a Jquery + the GDLibrary or Imagick Library for PHP.

Answer 2

They used something called jCrop in jQuery. http://deepliquid.com/content/Jcrop_Manual.html

Answer 3

Look at PHP GD library imagecopy on how to crop images via PHP.