Wednesday, January 18, 2012

3 Jquery plugins To Deal With Image Cropping

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
Jcrop has tested well on the following browsers:
  • Firefox 3
  • Safari 3
  • Opera 9.5
  • Google Chrome Beta
  • Internet Explorer 6+
 Requirements: jQuery
GoogleCode : http://code.google.com/p/jcrop/
GitHub : https://github.com/tapmodo/Jcrop 


jQuery PhotoShoot Plugin 1.0

 

The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder. You can check out the demonstration above, or a nice tutorial on how to use it here.

The plug-in depends on version 1.3.2 of jQuery, but will work fine with newer versions as well.

Demo : http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
Official site : http://tutorialzine.com/2010/02/jquery-photoshoot-plugin/
Download link : demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/photoShoot-1.0.zip


imgAreaSelect

 

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).

Plugin features:
  • Highly configurable
  • Customizable with CSS styling
  • Handles scaled images
  • Keyboard support for moving and resizing the selection
  • Supports callback functions
  • Provides API functions for easier integration with other application components
  • Lightweight — the packed version is less than 8KB
The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.

Official site  : http://odyniec.net/projects/imgareaselect/
Examples : http://odyniec.net/projects/imgareaselect/examples.html
Download link : odyniec.net/projects/imgareaselect/jquery.imgareaselect-0.9.8.zip


 

No comments:

Post a Comment