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.
Tags: Videos
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Brenley Dueck
Hello everyone, I'm Brenley Dueck or better known as Brenelz. I currently
run my own business called Brenelz Web Solutions which focuses primary on
winnipeg website design and development. The web technologies I most specialize in are CSS, jQuery, AJAX, PHP, and the MySQL database. Please make sure to visit my web development blog
and follow me on twitter.
Join our newsletter!
Freelance Jobs
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
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 :D
Really nice screencast Brenelz.
Marcel Doornbos, any chance that you could share your work :D
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
I’ll give it a try although I’m only new regarding codeigniter image manipulation.
Hi Brenley. First I would like to thank you for the nice tutorial.
Secondly I would like to know if you can help with something:
I can upload the image e cut it with jcrop, but I need to replace the special chars from the file input at the moment the form is submitted, could you help with this?
I thank you in advance.
Hugs
Hi!
Thanks for a very good funcktion for cropping image.
Best article on jcrop i have seen.
Thank you
how to Jcrop ADD Codeigniter, Pleaseeeeeeeeeeeeeeee help me