This is the most basic example of Jcrop implementation. Since no event handlers are attached, it's not very exciting, but displays the out of box functionality.

This example ties several form values together with a simple event handler. The form values are updated as the selection is changed

The most visual demo, the preview pane is accomplished entirely outside of Jcrop with a simple jQuery-flavored callback. This type of interface could be useful for creating a thumbnail or avatar.

API feature demonstration

Option Toggles