Hello.
Sure.
</style>
<link rel='stylesheet' id='jcrop-css' href='https://dev.abodva.com/wp-includes/js/jcrop/jquery.Jcrop.min.css?ver=0.9.12' type='text/css' media='all' />
<script type='text/javascript' src='https://dev.abodva.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='https://dev.abodva.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='https://dev.abodva.com/wp-includes/js/jcrop/jquery.Jcrop.min.js?ver=0.9.12'></script>
<script type='text/javascript'>
<script type="text/javascript">
jQuery(window).load( function(){
jQuery('#avatar-to-crop').Jcrop({
onChange: showPreview,
onSelect: updateCoords,
aspectRatio: 0,
setSelect: [ 250, 81, 749, 481 ]
});
});
function updateCoords(c) {
jQuery('#x').val(c.x);
jQuery('#y').val(c.y);
jQuery('#w').val(c.w);
jQuery('#h').val(c.h);
}
function showPreview(coords) {
if ( parseInt(coords.w) > 0 ) {
var fw = 350;
var fh = 400;
var rx = fw / coords.w;
var ry = fh / coords.h;
jQuery( '#avatar-crop-preview' ).css({
width: Math.round(rx * 999) + 'px',
height: Math.round(ry * 562) + 'px',
marginLeft: '-' + Math.round(rx * coords.x) + 'px',
marginTop: '-' + Math.round(ry * coords.y) + 'px'
});
}
}
</script>
<style type="text/css">
.jcrop-holder { float: left; margin: 0 20px 20px 0; text-align: left; }
#avatar-crop-pane { width: 350px; height: 400px; overflow: hidden; }
#avatar-crop-submit { margin: 20px 0; }
.jcrop-holder img,
#avatar-crop-pane img,
#avatar-upload-form img,
#create-group-form img,
#group-settings-form img { border: none !important; max-width: none !important; }
</style>
