diff options
author | csarven <csarven@controlyourself.ca> | 2008-12-09 21:16:07 -0500 |
---|---|---|
committer | csarven <csarven@controlyourself.ca> | 2008-12-09 21:16:07 -0500 |
commit | 33196c24f4c9609611cfbcf6466ceee60c51ef8e (patch) | |
tree | db0046580f8a6f4b38fd1ba2da74977875945198 /_darcs/pristine/js/jcrop/jquery.Jcrop.go.js | |
parent | 53cabc0171f6628f428fbc02a6ae48dcab5e4c6d (diff) |
Jcrop v2 (POST cropping to be completed)
darcs-hash:20081210021607-eefa4-c3590f3e734255faf098bf5ca09fc17901a6db70.gz
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; + }; + |