Comments on: JavaScript Image Cropper UI, using Prototype & script.aculo.us

By: Dave

Dave — Fri, 27 Jan 2012 11:50:13 +0000

@Lubo

I’ve had reports before that the cropper doesn’t work within a table cell, but I’ve also had reports that adding the table-layout:fixed style to the table helps.

By: Lubo

Lubo — Fri, 27 Jan 2012 06:40:33 +0000

Sorry, I cant see brackets in the previous message. Now I’m posting it without brackets:
If img tag is inserted in a table cell (tag td, tag img, tag td end), then the image disappears …

By: Lubo

Lubo — Fri, 27 Jan 2012 06:35:59 +0000

Congratulations, great work!
Please help to resolve the following problem:
Cropper works perfect if the is placed in a pure place. If is inserted in a table cell ( ), then the image disappears and cropper works only with background color (no image!). I have tried a lot of variants: with/without own div tags for images, with/without PHP, static/dynamic croppers and other things. The effect is always the same. Please help!

By: Dave

Dave — Wed, 25 Jan 2012 16:09:28 +0000

@Johan :

Please see the “Dynamically changing image” example/demo for how to remove/reset the cropper. You could use this functionality to remove the cropper when a user clicks outside the image.

By: Johan Fredrik Varen

Johan Fredrik Varen — Wed, 25 Jan 2012 14:55:50 +0000

Great tool!

I’ve got a small problem, though. I use the cropper to crop images, where the actual image cropping is done on the server. The img element is updated with the cropped result without any page reload. The cropper is still visible, though. What I want is to be able to hide and reset the cropper, but the Cropper.reset() method doesn’t seem to do what I want. I also would like the user to click outside the selected area to hide the cropper. This should be possible, right?

By: carousel by davidlafon - Pearltrees

carousel by davidlafon - Pearltrees — Thu, 12 Jan 2012 13:49:31 +0000

[...] setting a ratio when both min width & height passed, the ratioDimensions must be passed in DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & javascript form Javascript Web development ajax [+] directory extensions JavaScript fades [...]

By: ajax by lizuka - Pearltrees

ajax by lizuka - Pearltrees — Thu, 12 Jan 2012 13:47:22 +0000

[...] DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us Changed tests to use google ajax libraries API to load prototype & script.aculo.us Added option to not auto include the cropper CSS file No-longer package prototype & script.aculo.us with the release #00008 – Fixed bug: Dynamic include of cropper CSS expected cropper.js and failed when using cropper.uncompressed.js [...]

By: weaselspleen

weaselspleen — Thu, 12 Jan 2012 02:49:20 +0000

Christopher, with all due respect, when someone asks for advice on how to do something with a tool, telling them to completely change to a different tool is generally not particularly helpful.

I mean, if I ask about ways to tune the fuel injection on my Oldsmobile, telling me Oldsmobile is dead and I need to get a Chevy really doesn’t help me at all.

By: Christopher Thomas

Christopher Thomas — Tue, 20 Dec 2011 23:34:00 +0000

@Chris Zegelin: in all seriousness, your best option is merely to stop using Prototype and switch to jQuery, I was once a stanch supporter of Prototype, then I realised their plan for version 2.0 is to drop extending the DOM because it’s a super bad idea and to go with wrapping the DOM instead.

which is basically exactly what jquery does, except you can have jquery today and you most likely will have to wait about 2 years to get prototype 2.0, they have been talking about it for years.

then, even if prototype 2.0 does arrive, which is doubtful, jquery 2.x will be available and will blow the socks off it, prototype just didn’t evolve fast enough and now it’s dead, just waiting for fish to pick it’s bones clean, which is what libraries like backbone and underscore are doing.

save yourself the trouble, invest now in switching to jquery and forget prototype, it’s a dead library and has been for years, although nobody remembered to tell it. I invested the time and now I realise just how much better things are, I don’t look back, you shouldn’t neither.

and before anybody pipes up saying prototype isn’t dead, stop deluding yourself, this, is a dead parrot!

By: Chris Zegelin

Chris Zegelin — Tue, 20 Dec 2011 23:19:40 +0000

Great script, integration was easy, until I needed to mess with the image that was displayed for cropping. I need to crop the very large original image, while displaying a smaller version for the crop tool. I found that the transform from the crop tool return data is insufficient to crop the original. The height and width return data is redundant given the two x,y data points. Is there a way I can modify cropper.js to return the image width and height, not the crop box width and height? I can probably figure it out myself, but I also think this would be a very good change to the tool.

Great work… Thank you