Comments on: ImgAreaSelect 0.3 Released

By: Michal Wojciechowski

Michal Wojciechowski — Mon, 20 Jul 2009 23:34:22 +0000

@Andy: If you're using the code from this example to implement selection preview, then you probably need to modify the jQuery selector that matches the thumbnail image (in the example it's '#ferret + div < img') after you change the HTML structure.

By: Andy D. Hajime

Andy D. Hajime — Thu, 16 Jul 2009 20:08:46 +0000

ops sorry… the XXX part is

[img src="[?php echo $upload_path.$large_image_name;?]” style=”float: left; margin-right: 10px;” id=”thumbnail” alt=”Create Thumbnail”]
XXX
[div style="float:left; position:relative; overflow:hidden; width:[?php echo $thumb_width;?]px; height:[?php echo $thumb_height;?]px;”]
[img src="[?php echo $upload_path.$large_image_name;?]” style=”position: relative;” alt=”Thumbnail Preview”]
[/div]

By: Andy D. Hajime

Andy D. Hajime — Thu, 16 Jul 2009 20:06:39 +0000

Hi there… i need some help.
Everything works perfectly fine but when i i want to start skinning the template by separating the big image and the crop preview by different table cell, the preview area stops working.

Eg:

XXX

If i place a text ( XXX ) inbetween the big image and thumbnail, it work but as long as there html tags in between, error is found.

Even if i add just a BOLD TAG inbetween, the preview area dont work.

Any idea how i could resolved this?

By: Michal Wojciechowski

Michal Wojciechowski — Fri, 09 May 2008 22:14:24 +0000

@kent1:
Unloading added to my to-do list for the next release.

Thanks for catching the $(‘body’) call, I overlooked it. It will surely be replaced.

By: kent1

kent1 — Thu, 08 May 2008 00:04:09 +0000

One other thing :

there is 2 call to $(‘body’).css(…. in the code…
I am using jQuery in noConflict() mode in order to use other libraries and it breaks the resize part

Is it possible to replace this whith jQuery(‘body’).css(… for the compatibility?

Thanks anymore

By: kent1

kent1 — Tue, 06 May 2008 23:25:46 +0000

Hi…

Thanks a lot for the plugin…

Is there a way to uninitialize it dynamicaly ? I don’t initialize it on load but when we ask it for… I would like to do the same in the other way (unload it?)

By: Michal Wojciechowski

Michal Wojciechowski — Sun, 04 May 2008 17:39:13 +0000

@everyone:
Thanks for all the feedback. I just got back from a holiday and I need a few days to look into all the issues.

@Sarah Neuber:
The actual cropping is beyond the scope of the plugin, as it needs to be implemented on the server side, with the help of the appropriate technology (like PHP or ASP). If I have enough of the mystical spare time, I’ll write a tutorial on how to do this.

By: Sarah Neuber

Sarah Neuber — Fri, 02 May 2008 16:30:02 +0000

Great! Just what I was looking for. Since I’m so new to jQuery could you please help me out? I’d like the user to be able to upload an image first then after selecting an area, to crop it. How do I do all that?

By: Aaron

Aaron — Wed, 30 Apr 2008 16:29:13 +0000

Oh, because it seems to behave a little differently when I change the settings:

For my comment above, I had set ‘resizable’ to ‘false’. With the selection area not resizable but moveable, you can move the box around after it gets shifted out of bounds of the image.

By: Aaron

Aaron — Wed, 30 Apr 2008 16:04:55 +0000

Thanks for the plugin! It’s great!

I’ve noticed a bug when resizing the browser window. The selection box seems to have an absolute position specified, so if you resize your window to be wider and your image isn’t left-aligned, the selection box appears outside of your image.

Also of note: when the selection box is outside of the image like this, when you drag the box around, it snaps back to the image – perfect. But, moving the box around is super fast!
When you click on the selection box when it’s on top of the image, dragging the box around is very slow. What’s the discrepancy? It’d be nice to have it super fast all the time!