jQuery-Fakecrop Sample

Usage

<style>
	img { height:100px; } /** there has to be a fixed dimension width/height **/
</style>

<script src="/path/to/jquery-library.js"></script>
<script src="/path/to/jquery.fakecrop.js"></script>
<script>
	$(document).ready(function () {
		// for a filled square thumbnail
		$('img').fakecrop();
		// for a fixed width/height
		$('img').fakecrop({fill: false});
	});
</script>
			

Normal

With Fakecrop (default)

$('#fakecrop-fill img').fakecrop();

With Fakecrop {fill : false}

$('#fakecrop img').fakecrop({ fill: false });

Public domain photographs courtesy of United State Department of Agriculture