jCrop is a fantastic jQuery plugin that allows your users to easily crop their photos to the exact dimensions that they choose. Setting up such a system is easier than you might think. Brenley will show us how!
Runner-Up: Brenley Dueck
- Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.








very usefull. nice plugin
Good job in making those video, i really appreciated that, thank you
Umm!
I do not believe that IE6 recognizes POST values coming from submit buttons. So your if( isset($_POST['submit'])){ … } test you are doing will not work. If you print your post array you will see that in IE6, it is left out of the array. I usually just test if( $_POST ){ … }
In response to my previous post…actually I think that IE6 only fails when you have multiple submit buttons in the same form. For example, if you have a ’submit’ or ‘delete’ option.
Check out webmotionuk’s cropping plugin
http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop-v11/
easy to use and to implement into your exisiting code. great learning material too!
Really thanks,
I’ve now used it in a Clients portfolio site. Now saves the original file after that creates the thumbnail file and writes all information to a database. at the portfolio gallery the thumbnailfile is clickable and openes the original file in a lightbox window.
Thanks
Really nice screencast Brenelz.
Marcel Doornbos, any chance that you could share your work
Im in need of just what you described you have created for a client.
TY
Thanks a lot. It really helps me in my project.
For everyone that likes Jcrop, here is a simple tutorial showing you how to get it setup full circle within an application: http://www.cagintranet.com/archive/how-to-use-jcrop-from-within-an-application/
Thanks for the great tutorial and easy source code files! You rock! Oh, and nice use of the word ‘Winnipeg’. I’m sure nobody is going to beat you on the Winnipeg Web Design Search Results now after you get a follow link on here. Smart!
Great tutorial