Jquery Image Crop using JCrop

Jcrop is a great plugin of jquery used to handle images. Using Jcrop you can mark images, crop an area, Animate the crop Position. You can grab the positions of the image and you can save it into a database if needed. This will help you to create an orkut or face book like image crop facilitiy in your own website.

Some features of Jcrop:

  • Attaches simply to any image in your HTML page
  • Supports aspect ratio locking
  • Callbacks for selection done, or while moving
  • Keyboard support for nudging selection
  • Support for CSS styling
  • Advanced API including animation support

An example of this plugin here & a sample PHP code to complete the server-side of the crop here.

Cross-platform Compatibility

  • Firefox 2+
  • Safari 3+
  • Opera 9.5+
  • Google Chrome 0.2+
  • Internet Explorer 6+

Leave a Reply