I'm using imgareaselect with colorbox,It works well with chrome and firefox.But not IE.
There is part of code.
if ($('#sourceImg').is(':visible')) {
imgselect = $('#sourceImg').imgAreaSelect({
parent: '#cboxContent', //the colorbox content.
handle: true,
instance: true,
aspectRatio: '4:3',
x1: x1, y1: y1, x2: x2, y2: y2,
onInit: preview,
onSelectChange: preview
});
}
the preview is just a function show the selection area's image.
anythig works well but It is not moveable.Even thought I set the option true.
While I move the mouse in the selection area,the mouse cursor won't change to moveable mark.It keep what It's out the selection area.
So If I click in selection area,it will start a new selection.Just like I click outside.
In fact,when the plugin is initialized,I move the mouse up the right imgselect-border,the cursor will be a moveable mark,so I can move the selection area.
But after you move it,then you move the mouse to the right imgselect-border,the cursor will be a resizable mark whick it should be.
And then,It won't be moveable ever.