Thanks for the great plugin but I agree with Samuel. I tried your recommended method – even explicitly setting everything as so:

Profile.photo.setOptions({show:false, disable:true, hide:true, enable:false});

But the original selection stuff still remains on the screen when I load a new image.

Thanks,

William

By the way, the next version of the plugin (0.9), which I’m going to release in the next few days, will have jQuery included in the package.

I am trying to use your library with asp.net. Unfortunately, I am not able to use it. I have added a folder to hold the scripts provided in the library.

Here is the aspx code sample:

Untitled Page

var $x1, $y1, $x2, $y2, $w, $h;

function selectChange(img, selection)
{
$x1.text(selection.x1);
$y1.text(selection.y1);
$x2.text(selection.x2);
$y2.text(selection.y2);
$w.text(selection.width);
$h.text(selection.height);
}

$(document).ready(function () {
$x1 = $(‘#x1′);
$y1 = $(‘#y1′);
$x2 = $(‘#x2′);
$y2 = $(‘#y2′);
$w = $(‘#w’);
$h = $(‘#h’);
});

$(window).load(function () {
$(‘img#ttt1′).imgAreaSelect({ onSelectChange: selectChange, handles: true });
});

Selection coordinates:
X1:
Y1:
X2:
Y2:

Selection dimensions:
Width:
Height:

Please shed some light.

When render the page, i see following javascript errrors.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; .NET CLR 1.1.4322; .NET CLR 1.0.3705; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; yie8)
Timestamp: Fri, 26 Jun 2009 15:04:33 UTC

Message: ‘jQuery’ is undefined
Line: 14
Char: 1
Code: 0
URI: http://localhost:2779/Scripts/jquery.imgareaselect-0.8.js

Message: ‘jQuery’ is undefined
Line: 1
Char: 1
Code: 0
URI: http://localhost:2779/Scripts/jquery.imgareaselect-0.8.min.js

Message: Object expected
Line: 25
Char: 2
Code: 0
URI: http://localhost:2779/

$(‘#myimage’).remove();
$(‘.imgareaselect-selection’).remove();
$(‘.imgareaselect-border1′).remove();
$(‘.imgareaselect-border2′).remove();
$(‘.imgareaselect-handle’).remove();
$(‘.imgareaselect-outer’).remove();

but when I reactivate imagearea strange things happend..

As for specifying the selection as a percentage, I don’t think it’s necessary to implement this in the plugin, as in most cases you should be able to calculate the pixel selection coordinates simply by multiplying the image dimensions by the desired percentage.

I like your script, and have modified it slightly to work with my site.

There is just one thing that I can not get to work. I would like the .imgareaselect function to display the selected block, but then when you press ’save thumbnail’ it should save without having to move the selection. This is for all the computer illiterates, who do not, or can’t be bothered to select their best bit, and just press the button.

Could the selection also cover the picture as a percentage?

Thanks

I just emailed you with custom edits and features I added in my private version. Hopefully it will be the slightest bit useful.

Best,

Mauvis

$('#img').attr('src', 'newimage.jpg');
$('#img').imgAreaSelect({ hide: true,
    x1: 0, y1: 0, x2: 0, y2: 0 });