Using the jCrop Plugin
videos

Working with the jCrop Plugin

on Feb 9th 2009 with 68 comments

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

Rollover to read this author's bio or click through to see a full list of posts by this author.

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.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
← Older Comments
  • http://xsxh.com Chad

    Looking for a wordpress plugin of this…

  • http://blog.brenelz.com Brenelz
    Author

    I am glad you all liked the above screencast. Check out my blog as their will be more great content there as well..

    Thanks Jeffery for this opportunity!

  • Pingback: jCrop - Recortar imágenes con jQuery | TortugaNinja.com - PHP, blogging, internet y mas

  • Pingback: links for 2009-02-11 | Squirrel Hacker

  • http://www.buzzi-studio.com strony internetowe

    very usefull. nice plugin

  • http://thewirds.com/ Y. Steven

    Good job in making those video, i really appreciated that, thank you

  • Pingback: JeremiahTolbert.com » Blog Archive » links for 2009-02-12

  • nignog

    Umm!

  • http://yourmediadesigner.com Josh

    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 ){ … }

  • http://yourmediadesigner.com Josh

    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.

  • ozzy

    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!

  • http://www.devfine.com Marcel Doornbos

    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

  • Hanky

    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

  • Prassanna

    Thanks a lot. It really helps me in my project.

  • http://get-simple.info/ Chris Cagle

    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/

  • http://www.dynamicpalette.com Chris Seckler

    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!

  • http://www.web2web.co.za Stef

    Great tutorial

  • http://e-ways.ph E-ways.ph

    I’ll give it a try although I’m only new regarding codeigniter image manipulation.

  • http://www.tonsantos.com Ton

    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

  • Tor

    Hi!

    Thanks for a very good funcktion for cropping image.

    Best article on jcrop i have seen.

    Thank you

  • hi

    how to Jcrop ADD Codeigniter, Pleaseeeeeeeeeeeeeeee help me

  • david

    video not working?

  • Rameshbabu

    Here you are changing the size of the original image it will change clarity of image so when you crop a small part say for example 100×100 px it will not give the good output i mean blur&fade out pixel image find any way to fix this issue

← Older Comments