изменение размер выборки jcrop

Question

Я пытаюсь настроить 0cjcrop, когда пользователь вводит ширину и высоту и нажимает на submit.

Я поставил пример здесь: http://pixelbypixel.comli.com/jcrop/

jcrop плагин здесь: http://deepliquid.com/projects/Jcrop/demos.php

Если пользователь нажимает на submit, то selection box является получение width и height, что пользователь вводит, но после того, как пользователь пытается переместите ящик, который он изменит, до того размера, который был до submit.

Это код, который я написал, чтобы сделать это:

/* jcrop when page loads */ 
var jcrop_api; 
function initJcrop(oImg){ 
     oImg.Jcrop({},function(){ 
      jcrop_api = this; 
      jcrop_api.animateTo([100,100,400,300]); 
     }); 
    };  
jQuery(function(jQuery){ 
    initJcrop(jQuery('#jcrop_target')); 
}); 

/* box number when page loads */ 
function showCoords(c){ 
    jQuery('#w').val(c.w); 
    jQuery('#h').val(c.h); 
}; 

/* size when submit */ 
jQuery('.update-size').click(function(){ 
    var ancho = jQuery('#w').val(); 
    var altura = jQuery('#h').val(); 
    jQuery('.jcrop-holder > div:nth-child(1)').css('height', altura); 
    jQuery('.jcrop-holder > div:nth-child(1)').css('width', ancho); 
}); 

И это разметка:

<img src="img/test.jpg" id="jcrop_target"> 
<div> 
    <p>Define your own dimensions in CM:</p> 
    <form> 
     <label>Width: <input type="text" size="4" id="w" name="w" value="360"></label> 
     <label>Height: <input type="text" size="4" id="h" name="h" value="360"></label> 
     <a href="javascript:void(0)" class="update-size">submit</a> 
    </form> 
</div> 

Любая идея, что может быть проблема?

Answer 1

На отправить событие, необходимо установить свойство «setSelect» в jCrop так:

jcrop_api.setSelect([0,0,ancho,altura]); 

Смотрите этот пример, и вы получите больше идею: http://deepliquid.com/projects/Jcrop/demos.php?demo=advanced