🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery based responsive image cropper that automatically crop and resize an image with a custom aspect ratio.

responsive-image Image-Cropping

Documentation

jQuery.ResponsiveImageCropper

Image will be cropped. jQuery plugin page is here

Usage

html
<img class="crop" src="http://placekitten.com/2500/1200" data-crop-image-ratio="0.5" /> 
javascript
<script type="text/javascript"> $(function(){     $("img.crop").responsiveImageCropper(); }); </script> 

Options

N/A

Data attribtues

data-crop-image-ratio

When data-crop-image-ratio="1" the cropped image will be square. data-crop-image-ratio="0.5" the cropped image height will be '50px' when width is '100px'


Special thanks

I love Storehouse and placekitten!


You May Also Like