FakeCrop, by Flinto

A jQuery plugin for “cropping” an image within an HTML element. FakeCrop will scale the image to fit within the element, and center it.

Installation

Download and include the jquery.fake_crop.js file in your project after including jQuery.

<script src="jquery.fake_crop.js"></script>

Initialize the plugin by calling fake_crop() on the element you’d like to use it on.

<div id="crop_me">
  <img src="foo.jpg">
</div>

$('#crop_me').fakeCrop()