• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 225
  • Last Modified:

Auto crop pictures

Hi!

Have a dating site, that display profile pictures.

All my profile pictures have the same witdth, but different hight

Need a script that can display the picture, that have the right width of picture.
And then show a BOX-FRAME, that user can move up or down on the picture.
When user have made the wanted selected area, he/she can store the picture.
The picture wil then be crop't.
Result:

All pictures saved have the same size. (Hight and width)

Is there some script that do this ?

0
team2005
Asked:
team2005
  • 5
  • 2
1 Solution
 
Gurvinder Pal SinghCommented:
0
 
team2005Author Commented:
Hi!

I gusess i can use -> http://code.google.com/p/jcrop/

But maby need some help to implement on my site..

0
 
Gurvinder Pal SinghCommented:
It has a demo page
http://deepliquid.com/projects/Jcrop/demos.php

and doc manual page
http://deepliquid.com/content/Jcrop_Manual.html

let me know if some specific help in required.
I need to do some hands on it, and then help
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
team2005Author Commented:
Hi!

I come back tou you, thanks :)
0
 
team2005Author Commented:
Hi!

What i want is:

1. User upload a new picture, that can be hight = 544   Width = 1024
2. The picture is stored on the server.
3. JCrop function is showing the picture, -> Width=100   Hight = xx
4. JCrop Cropbox must be preset to W:100   H:118, and user cant rezize Cropbox
5. User can move the Cropbox on screen, and when he has selected the wanted area
    he hit the save button. That make the thumbnail picture with -> Width = 100   Hight=118

Include source for JCrop


<html>
	<head>

		<script src="../js/jquery.min.js"></script>
		<script src="../js/jquery.Jcrop.js"></script>
		<link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
		<link rel="stylesheet" href="demo_files/demos.css" type="text/css" />

		<script language="Javascript">

		jQuery(function(){
			jQuery('#cropbox').Jcrop();
		});

		</script>

	</head>

	<body>
		<div id="outer">
		<div class="jcExample">
		<div class="article">

			<h1>Jcrop - Hello World</h1>
			<img src="demo_files/flowers.jpg" id="cropbox" />

			<p>
				<b>This example is provided as a demo of the default behavior of Jcrop.</b>
				Since no event handlers have been attached it only performs
				the cropping behavior.
			</p>

			<div id="dl_links">
				<a href="http://deepliquid.com/content/Jcrop.html">Jcrop Home</a> |
				<a href="http://deepliquid.com/content/Jcrop_Manual.html">Manual (Docs)</a>
			</div>

		</div>
		</div>
		</div>
	</body>
</html>

Open in new window

0
 
team2005Author Commented:
Hi!

No one knows how I can get this made┬┐┬┐?
0
 
team2005Author Commented:
thanks
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 5
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now