hmm … only on 2. click i got the right values. this becouse of the late update ’slow’ the final values can get via ias.getSelection first after finishing the function … i think … but not direct in the click function …

$(‘img#rectangle1′).click(function () {
ias.setOptions({ aspectRatio: “20.32:27.94″ });
ias.animateSelection(102,0,347,338, ’slow’);
var selection = ias.getSelection();
$(‘input[name=x1]‘).val(selection.x1);
$(‘input[name=y1]‘).val(selection.y1);
$(‘input[name=x2]‘).val(selection.x2);
$(‘input[name=y2]‘).val(selection.y2);
});

if i write the values direct everything is fine so maybe no need for ‘late’ update of form vales …
$(‘input[name=x1]‘).val(102);

var selection = ias.getSelection(); $('input#x1').val(selection.x1); $('input#y1').val(selection.y1); ...

if i use the animate option the hidden forms x1,y1,x2,y2 will not be updated?!

$(‘img#rectangle1′).click(function () {
ias.setOptions({ aspectRatio: “20.32:27.94″ });
ias.animateSelection(102,0,347,338, ’slow’);
});

if i change the area a little bit onSelectEnd will set the values correct.

any hint for me?

One question: If a minimum initial width and height are selected, is there a way to prevent the user from deselecting by clicking somewhere outside the selection? In other words, I want the minimum to always stay selected (and moved/resized). Is that possible with the options? Can I change the code to make that happen?

i made it with a z-index equals to -1 and it worked. Until now i only tried with positive index.

thank you for help