Monday, July 30th, 2007
YUI-based Image Cropper Widget
Category: Yahoo!
Julien Lecomte of Yahoo! has written a YUI-based image cropper widget that allows you to easily select which region of an image you’d like to crop. This widget works on all A-grade browsers in both standards mode and quirks mode.
Once you setup the CSS and JavaScript you simply:
JAVASCRIPT:
-
-
new YAHOO.widget.ImageCropper( "myImageId" );
-
Oh, and you probably want to do something with a hook on the backend.
Also, Julien has discussed implementing a scriptable XPCOM Component and an iPhone version of Y! Search.
2.6 rating from 67 votes
Nice.
For people using prototype/scriptaculous, I found a library similar to this one here: JavaScript Image Cropper UI, using Prototype & script.aculo.us.
The “defusion” component is really useful, I’ve made some nice works with that ;)
Here’s a mootools cropscript: http://forum.mootools.net/viewtopic.php?id=4296
Neat! Anything out there for jQuery?
For Jquery,
From : http://interface.eyecon.ro/
Link to Demo : http://interface.eyecon.ro/demos/resize.html
I just wish the defusion version would be updated for prototype 1.5.1 and scriptaculous 1.7.1 - it’s a little out of date at this point. :-/
Excellent, just what I’ve been needing (and for YUI too!)
Extremely neat for back-end on the fly image editing. Generating nice thumbnails becomes really easy with something like this. I’ve custom coded something like this long time ago but I think I’ll adopt this one (or the prototype one.)