diff options
Diffstat (limited to '_darcs/pristine/js/jcrop/jquery.Jcrop.go.js')
| -rw-r--r-- | _darcs/pristine/js/jcrop/jquery.Jcrop.go.js | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/_darcs/pristine/js/jcrop/jquery.Jcrop.go.js b/_darcs/pristine/js/jcrop/jquery.Jcrop.go.js new file mode 100644 index 000000000..57639814f --- /dev/null +++ b/_darcs/pristine/js/jcrop/jquery.Jcrop.go.js @@ -0,0 +1,41 @@ + $(function(){ + jQuery("#avatar_original img.avatar").Jcrop({ onChange: showPreview, + setSelect: [ 0, 0, $("#avatar_original img.avatar").attr("width"), $("#avatar_original img.avatar").attr("height") ], + onSelect: updateCoords, + aspectRatio: 1, + boxWidth: 640, + boxHeight: 640, + bgColor: '#000', + bgOpacity: .4 + }); + }); + + function showPreview(coords) { + var rx = 96 / coords.w; + var ry = 96 / coords.h; + + var img_width = $("#avatar_original img.avatar").attr("width"); + var img_height = $("#avatar_original img.avatar").attr("height"); + + + $('#avatar_preview img.avatar').css({ + width: Math.round(rx *img_width) + 'px', + height: Math.round(ry * img_height) + 'px', + marginLeft: '-' + Math.round(rx * coords.x) + 'px', + marginTop: '-' + Math.round(ry * coords.y) + 'px' + }); + }; + + function updateCoords(c) { + $('#avatar_crop_x').val(c.x); + $('#avatar_crop_y').val(c.y); + $('#avatar_crop_w').val(c.w); + $('#avatar_crop_h').val(c.h); + }; + + function checkCoords() { + if (parseInt($('#avatar_crop_w').val())) return true; + alert('Please select a crop region then press submit.'); + return false; + }; + |