(function($) { $(window).load(function(){ var jcrop_api = $.Jcrop('#cropbox',{ onChange: showPreview, onSelect: showPreview, aspectRatio: 1 }); var bounds = jcrop_api.getBounds(); var boundx = bounds[0]; var boundy = bounds[1]; function showPreview(coords) { if (parseInt(coords.w) > 0) { var rx = 115 / coords.w; var ry = 115 / coords.h; $('#preview').css({ width: Math.round(rx * boundx) + 'px', height: Math.round(ry * boundy) + 'px', marginLeft: '-' + Math.round(rx * coords.x) + 'px', marginTop: '-' + Math.round(ry * coords.y) + 'px' }); } }; }); }(jQuery));