Home
CropZoom is a plugin that let you select an area of an image and then crop it.
whit this tool you also will be able to zoom in or to zoom out, to drag and also rotate an image.
this plugin needs ui.droppable, ui.resizable, ui.slider from JQuery UI to work.
Some code was taken from jquery.svgdom.js Written by Keith Wood.
Author
Gaston Robledo (gastonrobledo@gmail.com)
Please contact me if you have some issue with the plugin and also if you have some questions.
Change Log
07/08/2011 Release 1.1
Fix for IE9, also was added two new properties to the image object, X and Y, those could be set at creation time.
06/02/2011 Release 1.1
Change the location of the callbacks, in the documentations says that it comes inside his element, but before were in the root config options, now are inside his elements, e.g. (Selector element contain onSelectorDrag, onSelectorDragStop, onSelectorResize, onSelectorResizeStop) and the images callbacks (Image element contain onZoom, onRotate, onImageDrag)
06/02/2011 Release 1.1
Fix the rotation default value, and setSelector method to the correct element.
05/24/2011 Release 1.1
Fix some issues with the zoom slider. calculation the start position in the slider and the w/h of the image.
10/12/2010 Release 1.1
Fixed issues multiples intances of cropzoom.
10/07/2010 Release 1.1
2 New properties to the selector object, that allow to start with and overlayed image, and don’t take off this overlay even if you are dragging or resizeing…
09/04/2010 Release 1.1
A new version was released, this version contain new features like expose the zoom control to another element in the page, a new movement control, snap the image to the container and more.
09/30/2010 Release 1.0.4
Fix made by David Skyba – Using multiples instances of cropzoom broken the plugin, He make a fix for this.
04/17/2010 Release 1.0.4
2 new Properties to de plugin was added, please read below the documentation.
Fix issue when you crop with some degrees and zoomming the crop was not correct, this is a PHP Server file issue not plugin.
03/03/2010 5 new porperties to the selector object, please read below the documentation.
27/02/2010 The last fix broken the drag into FireFox browser so we need to do that only for Webkit browsers.
if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position"))){
if($.browser.safari)
this.element[0].style.position = 'absolute';
else
this.element[0].style.position = 'relative';
}
04/02/2010 Fix the drag in Safari and Chrome
I think this is a fix made by me (I’m not sure if this break something else into the other Jquery UI plugins).
The hack is in the line of the jquery-ui.1.7.2.custom.js file
before:
if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position")))
this.element[0].style.position = 'relative';
after:
if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position")))
this.element[0].style.position = 'absolute';
I think that there is no difference with this change because the draggable plugin make the position to absolute when it is dragged and then changes to relative. Please test and give your feedback. 
26/01/2010 Fix the function getExtensionSource
IE8 makes an error in the line _self[0].ownerDocument.namespaces.add(‘v’, ‘urn:schemas-microsoft-com:vml’, “#default#VML”);
The Quick fix is add this line into the HTML tag xmlns:v=”urn:schemas-microsoft-com:vml”.
If this not works you can also try adding this line <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
16/01/2010 First Release