33 lines
643 B
JavaScript
33 lines
643 B
JavaScript
|
(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));
|