Jcrop - Crop Behavior

Preview pane:

An example of crop script. I decided to show form with values (you can keep it invisible if you want). Current sample ties several form values together with a event handler. Form values are updated as the selection is changed. Also current sample have preview area. So we will see our crop result. Aspect ratio disabled. If you press the Crop Image button, the form will be submitted and a 200x200 thumbnail will be dumped to the browser. Try it!

Jcrop - Animations

Animating Selections. We can use Jcrop API to set selections using animation (or immediately) to them. Here are several buttons are set to control the selection. User interactivity is still available. Try it!

Jcrop - Custom styling

So maybe you like the color blue. This demo shows how we can styling our Jcrop sample. This is easy - we will use addClass param to override styles. Also possible to set opacity using bgOpacity param (at current sample bgOpacity = 0.5). Also I used minSize param to determinate min size of selector (value = 50).

Jcrop Home | JCrop at Google

back to original article page