<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>
$('#fakecrop-fill img').fakecrop();
$('#fakecrop img').fakecrop({ fill: false });
Public domain photographs courtesy of United State Department of Agriculture