DEfusion.org.uk

Hmm. I only works one time. When i close the browser and repopen the page it works again.

I Found the problem. The script places the image in a div and uses the opacity of the imgCrop_clickArea. By addding this tag to the cropper.css the problem is solved
.imgCrop_wrap img{
z-index : 500; // don’t think you need this one.
opacity: 1;
filter:alpha(opacity=100);
}

—> Magnu
Same problem over here. Image in Iframe disappeares. I see the background of the iframe. I didn’t find a solution for it. I hope that i can’t find something

Hi cannot get to to work in IE6 when image is within a table cell.

I’ve searched here and this the only suggested solution seems to be from GhostGambler (post num 308, 7th Sep 07).

He suggests replacing this:

new Cropper.Img(
‘thaimage’,
{});
}

with this:

window.onload=function(){ new Cropper.Img(
‘thaimage’,
{});
}

my javascript is very weak so I’ve not been able to fully understand the fix.

Could someone please show me how to ammend this specific code from my site? Or, another fix?

Event.observe(
window,
‘load’,
function() {
new Cropper.Img(
‘testImage’,
{
minWidth: 130,
minHeight: 130,
ratioDim: { x: 130, y: 130 },
displayOnInit: true,
onEndCrop: onEndCrop
}
)
}
);

Many thanks,
Kevin

If I’m using ratio, I’d like the preview image to have a fixed size and always contain the exact same contents as the square/frame. An example: if the image is 1000×1000, the selection area/square is currently adjusted at 100×100 and the preview window is 200×200, I’d like the 100×100 selection to be scaled up to fill the 200×200 preview window. Possible?

I’ve had some problems with the script in IE7 when displaying the script in an iFrame. IE7 won’t display the image, it only displays the cropped border and then a black background.

Any one know about this issue?

I ask excuse for my English.
I have used cropper tool and it works.
I have this problem; the image should be updated in background I introduced it to the inside of the ajax control “UpdatePanel”, using a timer for the refresh, planned for test to a minute.
But within the first minute the thing works, then a time carried out the first refresh I have not more the possibility of to choose the area.
How could it be done to resolve this problem?
thanks

Hi,

very nice library…Exactly what i was looking for. One small bug i discovered.
The onendcrop is not called when you move the cropbox with the arrow keys.

Kind regards

Yo Freek d00d, this is what you want. http://mondaybynoon.com/2007/01/22/crop-resize-with-javascript-PHP-and-imagemagick/

Hi Dave,

Excellent work on the cropper tool.

Is there anyway this script can be modified to resize images. So that you don’t draw a selection but drag the image to a smaller or larger size.
If this is possible you could retrieve the results and scale the images server side.

Thanks a lot fot the great work.

First of all – this is GREAT piece of script! Very handy! Thank you to the author!

Now, I’ve never got a grip on Javascript, and these are probably simple questions, so bear with me:
1) Is it possible to have the default crop area start as equal to the image width (and keep the preset ratio)
2) I use two different image ratios on my web page – 5:3 and 3:1 (in both cases, as you can see, I mostly like to preserve the image width of the original, see q1 above). Is it possible to have a radio button or similar to choose different ratio options for the current image?

Any help appreciated! :-)

Has anyone had any luck fixing bug 00027(problems when cropper inside table in IE 7) or come up with a work around?

Hi Harry. I am not sure how you are doing the multiple instances. So hard to tell you what’s breaking. Do you have a link I can see it break. Let me know if you do and I will check it out. It will be an easy fix.

To the other Dave who developed this genius thing. I’m making a JQuery version of this I will send to you if you like. Only reason is I use JQ all over the place so the Prototype / script.aculo.us confict with any of my main pages.

Dave Schlaegel and Dave:
I’m currently using multiple instances of the cropper on one page, however IE is breaking the second instance. The image displays fine and the cursor changes to the crop tool icon. However nothing is being selected. Firefox works as it should (FFWAIS I’m proposing should be a new web acronym)

Any help would be appreciated.

Hey Dave,

Thanks for this awesome tool! I found a bug (and already created a fix) that I wanted to report to you.

On the Remove function, you have these 2 lines of code:
// remove the elements we inserted
this.imgWrap.parentNode.insertBefore( this.img, this.imgWrap );
this.imgWrap.parentNode.removeChild( this.imgWrap );

I’m not sure what that is doing but it was throwing an error for me. I made it a bit more defensive and then everything worked perfectly:

if(this.imgWrap != null && this.imgWrap.parentNode != null){

// remove the elements we inserted
this.imgWrap.parentNode.insertBefore( this.img, this.imgWrap );
this.imgWrap.parentNode.removeChild( this.imgWrap );
}

Also, as a seperate issue, the uncompressed javascript wasn’t working for me…is it corrupt?

Greetings,
The image is displayed but nothing else happens… Just a regular image on a regular web page… I am posting the essential of my code.
Thanks for any help !

Greetings !
The image is displayed but that’s it !... there are no javascript funcitonality… nothing… just a regular image on a web page.
Thanks for any help… this is the essential of my code.

$styles = ’

Notify me of followup comments via e-mail