Comments on: Cropping Images using DHTML (Prototype) and symfony http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/ look at all this code you don't have to write Thu, 04 Mar 2010 08:43:44 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Steve Conley http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-291469 Steve Conley Sun, 14 Jun 2009 22:34:49 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-291469 <p>Because there's some demand out there for a packaged version of this, I've made one! My package wraps this in a class that isn't symfony dependent.</p> <p>http://www.tanabi.com/projects/cropper</p> Because there’s some demand out there for a packaged version of this, I’ve made one! My package wraps this in a class that isn’t symfony dependent.

http://www.tanabi.com/projects/cropper

]]> By: Aleksey http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-107866 Aleksey Wed, 28 May 2008 23:31:07 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-107866 <p>Problem in transparency for “ava_overlay”</p> Problem in transparency for “ava_overlay”

]]> By: Aleksey http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-107865 Aleksey Wed, 28 May 2008 23:30:05 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-107865 <p>Hi, thank you very much autor for this work. Very introsting. But this havn't been working in IE6. :-(. Problem in transparency for "". Maybe somebody solved this proble.</p> Hi, thank you very much autor for this work. Very introsting. But this havn’t been working in IE6. :-( . Problem in transparency for “”. Maybe somebody solved this proble.

]]> By: Simbiotica :: Cropping Images using DHTML (Prototype) and symfony at Spindrop http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-55867 Simbiotica :: Cropping Images using DHTML (Prototype) and symfony at Spindrop Wed, 24 Oct 2007 08:39:30 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-55867 <p>[...] Read more :: http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/ [...]</p> [...] Read more :: http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/ [...]

]]> By: léonie http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-48029 léonie Thu, 30 Aug 2007 10:17:34 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-48029 <p>Can you please upload the corresponding php file(s)? Or am I missing something? I really digg your script. There are a couple others around, but I like the idea of the interface.</p> <p>Just for others to be up to date of what is around and works in most browsers:</p> <p>http://199.199.212.26/demo/ http://mondaybynoon.com/examples/image<em>crop</em>resize/</p> Can you please upload the corresponding php file(s)? Or am I missing something? I really digg your script. There are a couple others around, but I like the idea of the interface.

Just for others to be up to date of what is around and works in most browsers:

http://199.199.212.26/demo/ http://mondaybynoon.com/examples/imagecropresize/

]]> By: NP http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-45782 NP Mon, 20 Aug 2007 15:03:16 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-45782 <p>Could you please make a archive with the full functional code? I'm really having a hard time setting this up.</p> Could you please make a archive with the full functional code? I’m really having a hard time setting this up.

]]> By: Ignacio http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-44071 Ignacio Wed, 08 Aug 2007 05:04:15 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-44071 <p>I did it! imagecopyresampled ( $final, $im, 0, 0, 17, 17, 160, 160, 160, 160 ); 17 = Margin of the overlay, sure!</p> I did it! imagecopyresampled ( $final, $im, 0, 0, 17, 17, 160, 160, 160, 160 ); 17 = Margin of the overlay, sure!

]]> By: Ignacio http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-44064 Ignacio Wed, 08 Aug 2007 04:30:14 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-44064 <p>I passed 2 days trying to change this... I don't want 80x80, I want 160x160, nothing happen... :(</p> I passed 2 days trying to change this… I don’t want 80×80, I want 160×160, nothing happen… :(

]]> By: dungpt http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-40025 dungpt Mon, 02 Jul 2007 12:12:59 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-40025 <p>omg, i'm crazing with it :(</p> <p>here's my problem</p> <p>http://www.sitepoint.com/forums/showthread.php?t=475618</p> <p>i can't create image ok with 48x48 pixels</p> omg, i’m crazing with it :(

here’s my problem

http://www.sitepoint.com/forums/showthread.php?t=475618

i can’t create image ok with 48×48 pixels

]]> By: Developerz http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/comment-page-1/#comment-35484 Developerz Thu, 14 Jun 2007 06:10:49 +0000 http://spindrop.us/2006/09/16/cropping-images-using-dhtml-prototype-and-symfony/#comment-35484 <p>Hi Dave,</p> <p>Thanks so much for sharing this example. I just got done implementing it in C#. Let's just say I'm pretty stoked for figure it all out.</p> <p>I did find one bug in the javascript "function setupAva"</p> <p>The problem occurs when a user uploads a landscape image (width is greater than height), and does not use the handle.onDrag . If they don't the ava_width returns 80, which will throw off the proportion.</p> <p>So what I did to fix this bug was set the was to set: ava<em>width.value = new</em>w;</p> <p>Here's a portion of the function setupAva that shows where I've added "ava<em>width.value = new</em>w;"</p> <p>var ratio = (start<em>h / start</em>w); var new<em>h; var new</em>w; if (ratio > 1) { new<em>w = 80; new</em>h = (80<em>start<em>h)/start</em>w; } else { new<em>h = 80; new</em>w = (80</em>start<em>w)/start</em>h; }</p> <pre><code> // set the ava_width.value here in case the user does not use the handle.onDrag function, if you don't landscape images get cropped with a small height ava_width.value = new_w; // these need to be set after we init avatarImg.style.top = '100px'; avatarImg.style.left = '100px'; avatarImg.style.width = new_w 'px'; avatarImg.style.height = new_h 'px'; </code></pre> <p>Anyway, thanks again and hopefully this helps someone.</p> Hi Dave,

Thanks so much for sharing this example. I just got done implementing it in C#. Let’s just say I’m pretty stoked for figure it all out.

I did find one bug in the javascript “function setupAva”

The problem occurs when a user uploads a landscape image (width is greater than height), and does not use the handle.onDrag . If they don’t the ava_width returns 80, which will throw off the proportion.

So what I did to fix this bug was set the was to set: avawidth.value = neww;

Here’s a portion of the function setupAva that shows where I’ve added “avawidth.value = neww;”

var ratio = (starth / startw); var newh; var neww; if (ratio > 1) { neww = 80; newh = (80starth)/startw; } else { newh = 80; neww = (80startw)/starth; }

        // set the ava_width.value here in case the user does not use the handle.onDrag function, if you don't landscape images get cropped with a small height
        ava_width.value = new_w;

        // these need to be set after we init
        avatarImg.style.top = '100px';
        avatarImg.style.left = '100px';
        avatarImg.style.width = new_w   'px';
        avatarImg.style.height = new_h   'px';

Anyway, thanks again and hopefully this helps someone.

]]>