Page 1 sur 1

Afficher une petite image sur une grande image

Posté : 10 oct. 2011, 00:25
par Gualdim
Bonjour,

j'aimerais vraiment, vraiment beaucoup arriver à permettre à l'utilisateur de cliquer sur une grande image sur ma page afin d'y ajouter des petites croix. La croix est un .png, la grande image est en jpeg.

Ce que j'ai essayé:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">

<head>

	<title>Application web optimisée pour iPad</title>

	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

	<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />

	<link rel="stylesheet" type="text/css" href="ipad.css" media="screen" />

</head>
<body>
<?php if(isset($_POST['img']))
{
   $src = imagecreatefrompng("cross.png");
   $dest = imagecreatefromjpeg("genouxPKPM.jpg");
   // Copy
   $isSuccess = imagecopy($dest, $src, 20, 20, 10, 10, 180, 140);

   // Output and free from memory
   header('Content-Type: image/jpeg');
   imagejpeg($dest, "genouxPKPM.jpg");

   imagedestroy($dest);
   imagedestroy($src);
}
?>
<div id="wrap">
	<div id="header">
		<h1><center>iPad web app</center></h1>
	</div>
	<div id="content">
		<div id="main">
			<form action="index.php" method="post">
				<input type="image" src="genouxPKPM.jpg" name="img" width="708" height="470" />
			</form>
		</div>
	</div>
</div>		
</body>
</html>
J'aurais vraiment besoin d'un bon coup de main, je sais vraiment plus quoi faire.

merci!!!!!!

EDIT notez que j'ai posté dans la section débutant, alors c'est très certainement une erreur à la c**, p-e liée à GD...

Re: Afficher une petite image sur une grande image

Posté : 10 oct. 2011, 13:52
par moogli
Salut,

Je pense qu'Il te faut créer une autre image pour faire ça y a p'tet soucis avec les deux formats différents. Je ne peux pas tester pour t'aider regarde su http://www.lephofacile.com dans les Tutos y en a sur cd il me semble qu'il y a ce que tu cherche.

A tu essayer imagecopymerge ?

@+