JQuery JCrop Api画像ボックスのサイズを事前に定義する

Question

JCropプラグインを使用して画像を切り抜くと、次のコードでうまくいきます。すなわち、ユーザは、クロップする画像の領域を選択することができる。

しかし私の質問は、ユーザーが画像を選択するためにボックスを移動できるように画像サイズボックスを事前に定義することができ、その選択された領域のサムネイルをクリックすると作物です。

例：このリンクにアクセスしてくださいhttp://deepliquid.com/projects/Jcrop/demos.php?demo=advanced 画像の一部を選択し、「選択可能」チェックボックスをオンにして、他のすべてのチェックボックスをオフにします。

「サムネイルを生成するために画像のその部分だけを選択できるように、「選択は移動できます」オプションのJCrop JQueryコードを生成する方法を知りたいです。

ありがとうございます。

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery('#imgCrop').Jcrop({ 
     onSelect: storeCoords 
    }); 
    }); 

    function storeCoords(c) { 
    jQuery('#X').val(c.x); 
    jQuery('#Y').val(c.y); 
    jQuery('#W').val(c.w); 
    jQuery('#H').val(c.h); 
    }; 

</script> 

Answer 1

$(function() { 
$('#img').Jcrop({    
onSelect: storeCoords, 
onChange: storeCoords    
}); 

function storeCoords(c) {jQuery('#X').val(c.x);jQuery('#Y').val(c.y);jQuery('#W').val(c.w);jQuery('#H').val(c.h); 
};