<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Jcrop Large Image Previews</title>
	<atom:link href="http://elementdesignllc.com/2009/08/jcrop-large-image-previews/feed/" rel="self" type="application/rss+xml" />
	<link>http://elementdesignllc.com/2009/08/jcrop-large-image-previews/</link>
	<description></description>
	<lastBuildDate>Sat, 04 Feb 2012 17:11:23 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>By: chad</title>
		<link>http://elementdesignllc.com/2009/08/jcrop-large-image-previews/comment-page-1/#comment-3610</link>
		<dc:creator>chad</dc:creator>
		<pubDate>Thu, 15 Sep 2011 15:08:19 +0000</pubDate>
		<guid isPermaLink="false">http://elementdesignllc.com/blog/?p=15#comment-3610</guid>
		<description>Greg,

I believe the app I created called Croply (http://croply.com) is what you are describing.

It takes a height and width in some input fields, then changes lines 13 and 14 to:

&lt;code&gt;var rx = $(&quot;#resize_width&quot;).val() / coords.w;
 var ry = $(&quot;#resize_height&quot;).val() / coords.h;
&lt;/code&gt;

Lines 17 and 18 are then changed to:

&lt;code&gt;width: $(&quot;#resize_width&quot;).val() + &#039;px&#039;,
height: $(&quot;#resize_height&quot;).val() + &#039;px&#039;
&lt;/code&gt;</description>
		<content:encoded><![CDATA[<p>Greg,</p>
<p>I believe the app I created called Croply (<a href="http://croply.com" rel="nofollow">http://croply.com</a>) is what you are describing.</p>
<p>It takes a height and width in some input fields, then changes lines 13 and 14 to:</p>
<p><code>var rx = $("#resize_width").val() / coords.w;<br />
 var ry = $("#resize_height").val() / coords.h;<br />
</code></p>
<p>Lines 17 and 18 are then changed to:</p>
<p><code>width: $("#resize_width").val() + 'px',<br />
height: $("#resize_height").val() + 'px'<br />
</code></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Greg</title>
		<link>http://elementdesignllc.com/2009/08/jcrop-large-image-previews/comment-page-1/#comment-3608</link>
		<dc:creator>Greg</dc:creator>
		<pubDate>Thu, 15 Sep 2011 01:57:36 +0000</pubDate>
		<guid isPermaLink="false">http://elementdesignllc.com/blog/?p=15#comment-3608</guid>
		<description>Hi,

Not sure if this is the solution I&#039;m looking for but it&#039;s close.

I have the preview pane working ok when I specify the target width and height and size the preview pane accordingly.  However for some other purposes I want the preview to resize and display the image exactly as the crop tool shows.  This will help users to visualize their cropping and choose an aspect ratio that is appropriate for the photo and it&#039;s purpose.

Any ideas?  Of all the days it appears the deepliquid website is down too.  :(</description>
		<content:encoded><![CDATA[<p>Hi,</p>
<p>Not sure if this is the solution I&#8217;m looking for but it&#8217;s close.</p>
<p>I have the preview pane working ok when I specify the target width and height and size the preview pane accordingly.  However for some other purposes I want the preview to resize and display the image exactly as the crop tool shows.  This will help users to visualize their cropping and choose an aspect ratio that is appropriate for the photo and it&#8217;s purpose.</p>
<p>Any ideas?  Of all the days it appears the deepliquid website is down too.  <img src='http://elementdesignllc.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ben</title>
		<link>http://elementdesignllc.com/2009/08/jcrop-large-image-previews/comment-page-1/#comment-3374</link>
		<dc:creator>Ben</dc:creator>
		<pubDate>Fri, 02 Sep 2011 15:15:16 +0000</pubDate>
		<guid isPermaLink="false">http://elementdesignllc.com/blog/?p=15#comment-3374</guid>
		<description>thanks a lot guy, you save my day !</description>
		<content:encoded><![CDATA[<p>thanks a lot guy, you save my day !</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Himali Singh</title>
		<link>http://elementdesignllc.com/2009/08/jcrop-large-image-previews/comment-page-1/#comment-2352</link>
		<dc:creator>Himali Singh</dc:creator>
		<pubDate>Thu, 31 Mar 2011 08:35:34 +0000</pubDate>
		<guid isPermaLink="false">http://elementdesignllc.com/blog/?p=15#comment-2352</guid>
		<description>Thank you for the reply. I forgot to mention that I am loading multiple jCrop controls on a page. I figured out the issue - since multiple javascript functions of same name were being loaded, the control wasnt being rendered properly. I resolved this my setting clientmode of jcrop to autoid and appending clientid to all script functions.</description>
		<content:encoded><![CDATA[<p>Thank you for the reply. I forgot to mention that I am loading multiple jCrop controls on a page. I figured out the issue &#8211; since multiple javascript functions of same name were being loaded, the control wasnt being rendered properly. I resolved this my setting clientmode of jcrop to autoid and appending clientid to all script functions.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: chad</title>
		<link>http://elementdesignllc.com/2009/08/jcrop-large-image-previews/comment-page-1/#comment-2350</link>
		<dc:creator>chad</dc:creator>
		<pubDate>Wed, 30 Mar 2011 13:32:32 +0000</pubDate>
		<guid isPermaLink="false">http://elementdesignllc.com/blog/?p=15#comment-2350</guid>
		<description>When you display the new image, make sure you run the Jcrop code again. For example, wrap the Jcrop code under a function, then run that function whenever you display a new image.</description>
		<content:encoded><![CDATA[<p>When you display the new image, make sure you run the Jcrop code again. For example, wrap the Jcrop code under a function, then run that function whenever you display a new image.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Himali Singh</title>
		<link>http://elementdesignllc.com/2009/08/jcrop-large-image-previews/comment-page-1/#comment-2348</link>
		<dc:creator>Himali Singh</dc:creator>
		<pubDate>Wed, 30 Mar 2011 07:00:52 +0000</pubDate>
		<guid isPermaLink="false">http://elementdesignllc.com/blog/?p=15#comment-2348</guid>
		<description>Cant thank you enough :)
I have one more problem, if you can help please. When I try to crop another image i.e cropping an image second time, im unable to select image for cropping. The cursor just turns crosshair. Any pointers?
Thanks in advance.</description>
		<content:encoded><![CDATA[<p>Cant thank you enough <img src='http://elementdesignllc.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
I have one more problem, if you can help please. When I try to crop another image i.e cropping an image second time, im unable to select image for cropping. The cursor just turns crosshair. Any pointers?<br />
Thanks in advance.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tim</title>
		<link>http://elementdesignllc.com/2009/08/jcrop-large-image-previews/comment-page-1/#comment-2153</link>
		<dc:creator>Tim</dc:creator>
		<pubDate>Fri, 18 Feb 2011 02:57:32 +0000</pubDate>
		<guid isPermaLink="false">http://elementdesignllc.com/blog/?p=15#comment-2153</guid>
		<description>Thank you! Just what I was looking for! :)</description>
		<content:encoded><![CDATA[<p>Thank you! Just what I was looking for! <img src='http://elementdesignllc.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
</channel>
</rss>

