Love this? Give it a tweet!
Add a high resolution image to a piece of content and create on it separate crops with their own focus points and zoom ratings unique to that content.
Install the selected release through the Umbraco package installer or download and install locally from Our.
After you've installed the package, create a new DataType and select "Zoom Area Cropper" from the property editor dropdown. You'll need to set a width and height for the crops to output as before saving the DataType. Next, add the DataType to the DocType(s) of your choice.
So... how is this different from the Image Cropper? Watch the video and it'll all become clear.
The Zoom Area Cropper package includes a property value converter that makes it easy to apply to the front of your website.
Here's an example of how simple it can be to include the Zoom Area Cropper in a view:
Here's an example of what the data saved in the property editor looks like, which provides you with plenty of flexibility in how to make use of the crops: