very interactive- check this out

[imsb]

Guys.. check this

http://mpush.msolutions.cc/req.php?account=babesandhunks&image=http://www.thebabesandhunks.com/gallery/./data/media/379/peetphoto00002[1].jpg&caption=%20Thousands%20of%20Celebrity%20Pictures%20at%20thebabesandhunks.com

how they do that?

[amnuts]

Nice looking setup. However, it's not something that can't really be recreated with the cropcanvas/interface class. Which bit were you specifically wondering how they did it?

[imsb]

they use dragdrop.js like your script use. i wondering how they could make that nice preview window.

[amnuts]

Basically they're getting the dimensions of the cropping area and then clipping the original image in a div tag so that it only shows the dimensions they want. It's basically this part of the javascript from their page:

[imsb]

andy,
many thanks for your support,
i got your class working now for local file.
i faced another problem, how to make it crop image from my other host?
I try to change loadImage to

[jeyaloui]

hi andy

can u explain me these four lines in the setformvalues() mehtod

var zw = Math.round(30850 / dd.elements.cropScreen.w);
var zh = Math.round(38402 / dd.elements.cropScreen.h);

var w = Math.round(30850 / dd.elements.cropScreen.w);
var h = Math.round(38402 / dd.elements.cropScreen.h);


thanx in advance

[amnuts]

Those lines are just creating a number of variables - calculated width and height for various uses. It looks like it might be the height/width of the image divided by the width/height of the intended cropping area.

It's not my code, so I'm just winging it here...

andy

[cyberg]

Hi Andy.
I found your site by searching on cropping scripts.
What you do is what I'm looking for.
Your application is awesome!

I installed the crop canvas version with the handles on the corners.
It works great, but the proportional button doesn't seem to work for me?

Is this possible:
I would like the live preview window (like the mpush example above) showing the image converted.
A real pixel would be mapped to a 5x5 pixel image of a certain color.
Example, a white real pixel appearing in the crop window would show up as the 5x5 yellow.gif in the preview window.
I think I saw an imagefunctions.php somewhere that could convert colors?
Any help would be appreciated!
Thanks, Barry

[amnuts]

Hi and welcome to the board!

[cyberg]

Hi Andy.
Can you please help me out with the code for the div tag/ crop area position /clipping the main image as a background to the div tag, you talked about?
It would take me over a year to figure this out (I'm a mechanical engineer).
I'm looking forward to seeing the new version of Crop Canvas in action.
Thanks again
Barry

[amnuts]

Here's a sneak peek:

http://dev.amnuts.com/crop-canvas/

Look at the javascript source code, specifically the cc_reposBackground function. It looks like this:

[cyberg]

Hello.
I'm still woking away at all this. This is a part of my crop canvas implementation.

How can I execute a php script from a function within html javascript (not a PHP page)
that will return the output text string to a javascript variable (without reloading the page or creating a pop-up)?

Example:

This is in a page named with a .htm extension

<script type="text/javascript">
<!--

function fcn_passvariable()

{

var the_variable='<?=echoed php or something() ?>'
var colr='red'

jg6.drawString('The variable is :'+the_variable+colr,4,4);
jg6.paint();

}

//-->
</script>

How to call the php and not have the page reload?
What is in the .php that echoes the text output to equate to the variable?

I can do it with built-in server functions like:
var the_date='<%=Date() %>' (a vbscript function)
or
var colr= the_letters.charAt(0); (a javascript function)

I hope you get what I'm trying to do.
Thanks,
Barry