jQuery Image Crop

[wookie]

I got bored so I started playing around on JS Fiddle and mimicking cropping an image with  jQuery UI and CSS.  It could actually be turned into proper image cropping with an ajax call and some further fiddling so I may do that if I get even more bored and post a PHP script to handle that, but for now, for those looking for a widget like this for there site, I think it's a neat way of doing it.


You'll probably find plugins all over the show for this kind of thing but it's easy as hell to do and most of them will be overkill for simple usage.


Appreciate feedback and improvement suggestions.


[size=78%]http://jsfiddle.net/tMnHr/[/size]

[northernking]

Its nice to see you had the interest in playing with this sort of thing. Even though is quite simple yet, it simulates the end results quite well.


Currently its not usable for a production environment as other scripts, such as jCrop or many others, but you can try to improve it and make a real script.

[wookie]

Its nice to see you had the interest in playing with this sort of thing. Even though is quite simple yet, it simulates the end results quite well.


Currently its not usable for a production environment as other scripts, such as jCrop or many others, but you can try to improve it and make a real script.

Thanks, wasn't intended to be something that could be used in production, however it is (i think) a good starting point because you can see the jquery identifies all of the co-ordinates and paramaters that php-gd functions will require to do the actual crop server-side.


It's something I'm going to look into setting up soon hopefully so if I get time I'll post a script for it.

[Stackprotector]

Thanks, wasn't intended to be something that could be used in production, however it is (i think) a good starting point because you can see the jquery identifies all of the co-ordinates and paramaters that php-gd functions will require to do the actual crop server-side.


It's something I'm going to look into setting up soon hopefully so if I get time I'll post a script for it.

It's something good for previewing and lazy projects

[sc13nt1st]

Nice work! I am just starting to learning Javascript and CSS.