Hey!
I want you to create a uploader with codeigniter and jquery that saves three different pictures, the original, a big thumbnail 250x250 and a small thumbnail 50x50.
The upload shall have a preloader but not flash, it's okey to just use a standard jquery circle or something like that.
When the user have uploaded his picture it shall be shown like this:
[login to view URL]'
You're free to use which jquery project you want for this, you're even free to write your own but I'm gonna use jcrop to show you what I want.
It's important that the crop window is a square and always stays as a square even when the user changes it's size.
But I also want the user to see a live preview of it's small thumbnail like this [login to view URL] but the crop windows shall be visible even from the beginning.
The name of the picture shall be the same as $this->session->userdata('user_id'), you're free to set this as a predefined value during the development process. The pictures shall be saved into the following folders:
Original:
img/profile/original
Big thumbnail
img/profile/thumb/big
Small thumbnail
img/profile/thumb/small
It's important the script works even if the user wants to update his profile picture, replace his old.
If you choses to use something else than jcrop, please let me know which one and please let me know if you have worked with codeigniter before.
Looking forward to hear from you!