We Love Ajax

Click and drag image cropper

click and drag image cropper

Really sweet image cropper, modifiable via user drag and click input
Further instructions to get this to work as follows->
1. The cfImageCropper zip doesn’t contain all the files you need.
2. The docs refer to the optional scriptSrc attribute which points to the required javaScript docs you need; those files are in the lib folder of David Spurs’ jsCropperUI-1.2.0.zip.
3. The test.cfm demo file holds the key to the last missing piece: cropper.css. Todd’s test page points to the lib/ folder for it and David has it in the main directory. Certainly it can go anywhere but I dropped in the lib folder for the test and all was right in the world of cropping castles.
So to sum up; Your lib file should contain these 7 files:
builder.js,
cropper.js,
dragdrop.js,
effects.js,
prototype.js,
scriptaculous.js
cropper.css.

ajax script example here
click and drag ajax script demo here
absolute value ajax script demo here
ajax script download here


Leave a Reply