Zoomer une partie d'une image [Résolu]

zetta · 19/06/2006, 19h33

Salut à tous et à toutes,
1) je voudrais savoir si avec du php on peut zoomer une partie d'une image affichée dans ma page?
2) Est ce possible de paramétrer le facteur de zoom aussi?

Swoög · 19/06/2006, 20h00

Salut !

oui, tout cela est possible, regarde la librairie GD : http://fr.php.net/gd

zetta · 20/06/2006, 10h16

Citation:

Envoyé par Swoög

Salut !

oui, tout cela est possible, regarde la librairie GD : http://fr.php.net/gd

Merci je vais regarder celà

zetta · 20/06/2006, 10h56

J'ai installé la librairie gd dans F:\gd et easyphp dans F:\easyphp\

J'ai aussi modifié le fichier php.ini en activant l'extension extension=php_gd2.dll

Pour tester le redimension d'une image, j'ai mis le code suivant mais ça affiche des caractères bizarres à la partie de l'image qu'i devrait s'afficher
voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<html>
<head>
<meta http-equiv="Content-Type" content="image/jpeg; text/html; charset=iso-8859-1">
<title>Zoom d'une image</title>
</head>
 
<body>
<?php
// Fichier et nouvelle taille
$filename = 'soleil.jpg';
$percent = 0.5;
 
// Content type
//header('Content-type: image/jpeg');
 
// Calcul des nouvelles dimensions
list($width, $height) = getimagesize($filename);
$newwidth = $width * $percent;
$newheight = $height * $percent;
 
// chargement
$thumb = imagecreatetruecolor($newwidth, $newheight);
$source = imagecreatefromjpeg($filename);
 
// Redimensionnement
imagecopyresized($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
 
// Affichage
imagejpeg($thumb);
?> 
</body>
</html>

Swoög · 20/06/2006, 12h34

c'est parce que tu utilise mal la librairie.

elle est fait pour générer une image, il faut donc que le script ne génère QUE l'image pas de code HTML ou autre...

zetta · 20/06/2006, 12h58

J'ai pu affiché l'image en rajoutant/modifiant ces quelques lignes

imagejpeg($thumb,'soleil_zoom.jpg');

<img src="soleil_zoom.jpg">

Au lieu de zoomer toute l'image, je veux donner à l'utilisateur la possiblité de chosir la partie de l'image qu'il veut zoomer.
Pour celà je vous recuperer les coordonné par rapport à l'image ou il a cliqué afin de definir une zone.

breizhgen · 07/08/2007, 01h30

bonsoir,

je suis aussi intéressée par cette fonction, comment la mettre en place sur mon script de galerie que voici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<?
//---------------------------------------------------------------------------------------------------
//							
//	WebJeff-Photos v1.31
//	
//	Auteur : Jean-François GAZET
//	Site web : http://www.webjeff.org
//	Email : webmaster@webjeff.org	
//
//---------------------------------------------------------------------------------------------------
 
//---------------------------------------------------------------------------------------------------
//	OPTIONS
//---------------------------------------------------------------------------------------------------
 
// Barre de navigation en haut de page
// (Navigation links on top)
$nav_haut="oui";  // ("oui" ou "non")
 
// Barre de navigation en bas de page
// (Navigation links at bottom)
$nav_bas="oui";  // ("oui" ou "non")
 
// Afficher le nom du fichier image
// (display file name)
$aff_filename="oui";  // ("oui" ou "non")
 
// Afficher le poids du fichier
// (display file size in Mb)
$aff_filesize="non";	// ("oui" ou "non")
$size_unit="o"; 	// ("o" ou "b" pour octets ou bytes)
 
// Afficher les dimensions de l'image
// (display file size, width and height)
$aff_dimensions="non";  // ("oui" ou "non")
 
// Afficher la date de modification de l'image
// (display mod time of picture)
$aff_modtime="non";  // ("oui" ou "non")
 
// Afficher des liens numerotes vers toutes les images
// (display links to all pictures)
$aff_links="oui";  // ("oui" ou "non")
$nb_links=5;  // interval
 
// Classer les images par (sort pictures with) : 
// Nom de fichiers (filename) : "nom" 
// Poids du fichier (file size) : "taille"
// Date de modification (modification date) : "date"
// Type de fichier (type of file, gif, jpg...) : "type"
$ordre="nom";
 
// Inverser le sens de l'ordre 
$sens=0;  // (1 ou 0, sens normal : 0)
 
// Langue (Language)
// FRANCAIS
$LANG_start="D&eacute;but";
$LANG_previous="Pr&eacute;c&eacute;dent";
$LANG_on="sur";
$LANG_next="Suivant &gt;&gt;";
$LANG_end="Fin&nbsp;&gt;";
$LANG_picture="Photo";
$LANG_filename="Nom du fichier";
$LANG_modtime="Date de modification";
$LANG_filesize="Poids";
$LANG_width_height="Largeur-Hauteur";
 
// ENGLISH
/*
$LANG_start="Start";
$LANG_previous="Previous";
$LANG_on="on";
$LANG_next="Next";
$LANG_end="End";
$LANG_picture="Picture";
$LANG_filename="File name";
$LANG_modtime="Modification time";
$LANG_filesize="File size";
$LANG_width_height="Width-Height";
*/
 
//---------------------------------------------------------------------------------------------------
//	FIN DES OPTIONS
//---------------------------------------------------------------------------------------------------
 
function mimetype($fichier)
	{
	if(eregi("\.gif$",$fichier)){$nom_type="GIF";}
	else if(eregi("\.jpg$",$fichier)){$nom_type="JPG";}
	else if(eregi("\.png$",$fichier)){$nom_type="PNG";}
	else if(eregi("\.bmp$",$fichier)){$nom_type="BMP";}
	return $nom_type;
	}
?>
<html>
<head>
<title>WebJeff - Photos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center"><font face="Verdana"><b>WebJeff-Photos</b></font>
<br><br>
<?
// LISTING DE TOUTES LES IMAGES
$tableau=""; $i=0;
$handle=@opendir("$rep");
while ($fichier = @readdir($handle))
	{
	$extension=substr($fichier,-3);
	if($fichier!="." && $fichier!=".." && (eregi("gif",$extension)||eregi("jpg",$extension))) 
		{
		if($ordre=="nom") {$listing[$fichier]=$i;}
		else if($ordre=="taille") {$listing[$fichier]=filesize("$rep/$fichier");}
		else if($ordre=="date") {$listing[$fichier]=filemtime("$rep/$fichier");}
		else if($ordre=="type") {$listing[$fichier]=mimetype("$rep/$fichier");}
		else {$listing[$fichier]=mimetype("$rep/$fichier","image");}		
		}
	$i++;
	}
@closedir($handle);
 
if(!is_array($listing)) 
	{
	echo "<br><br><font face=\"Verdana\" size=\"2\">\n";
	echo "Exemple d'appel de ce script : <br>\n";
	echo "index.php3?rep=toto/images</font><br>\n";
	}
else
	{
	// TRI DE LA LISTE DES FICHIER
	if($ordre=="nom") {if($sens==0){ksort($listing);}else{krsort($listing);}}
	else if($ordre=="date") {if($sens==0){arsort($listing);}else{asort($listing);}}
	else if($ordre=="taille"||$ordre=="type") {if($sens==0){asort($listing);}else{arsort($listing);}}
	else {if($sens==0){ksort($listing);}else{krsort($listing);}}
 
	// INDICES DES IMAGES DEBUT, PRECEDENTE, SUIVANTE ET FIN
	$i=0;
	while (list($cle,$val) = each($listing))
		{
		if($image=="") {$image=$cle;} 
		if($i==0) {$debut=$cle;}
		if($savesuiv==1) {$suivant=$cle; $savesuiv=0;}
		if($image==$cle) 
			{
			$savesuiv=1;
			$stopprev=1;
			$numphoto=$i+1;
			}
		if($stopprev=="") {$precedent=$cle;}
		$fin=$cle;
 
		//echo "cle=$cle , val=$val , debut=$debut , precedent=$precedent , suivant=$suivant , fin=$fin<br>";
 
		if($aff_links=="oui" && ($i+1)%$nb_links==0) 
			{
			if($savesuiv==1) {$liens.="<b>";}
			$liens.="(";
			if($savesuiv!=1) {$liens.="<a href=\"index.php3?rep=$rep&image=$cle\">";}
			$liens.=$i+1;
			if($savesuiv!=1) {$liens.="</a>";}
			$liens.=") ";
			if($savesuiv==1) {$liens.="</b>";}
			}
 
		$i++;
		}
 
	// BARRE DE NAVIGATION
	$tableau.="<table align=\"center\" width=\"80%\">\n";
	$tableau.="<tr><td nowrap width=\"11%\"><font face=\"Verdana\" size=\"1\">";
	// Liens début et précédent
	if($precedent!="")
		{
		$tableau.="<a href=\"index.php3?rep=$rep&image=$debut\">&lt; $LANG_start</a>|";
		$tableau.="<a href=\"index.php3?rep=$rep&image=$precedent\">&lt;&lt; $LANG_previous</a>\n";
		}
	$tableau.="</font></td><td align=\"center\" width=\"78%\"><font face=\"Verdana\" size=\"2\">$LANG_picture <b>$numphoto</b> $LANG_on <b>$i</b></font></td>";
	$tableau.="<td align=\"right\" width=\"11%\" nowrap><font face=\"Verdana\" size=\"1\">";
	// Liens suivant et fin
	if($suivant!="")
		{
		$tableau.="<a href=\"index.php3?rep=$rep&image=$suivant\">$LANG_next</a>|";
		$tableau.="<a href=\"index.php3?rep=$rep&image=$fin\">$LANG_end</a>";
		}
	$tableau.="</font></td></tr>\n";
	$tableau.="</table>";  
 
	// AFFICHAGE
	if(file_exists("$rep/$image"))
		{
		// Navigation du haut
		if($nav_haut=="oui") {echo "$tableau\n";}
 
		// Image
		$taillefic = GetImageSize("$rep/$image");
		echo "<IMG SRC=\"$rep/$image\" >\n";
 
		// Navigation du bas
		if($nav_bas=="oui") {echo "$tableau\n";}
 
		// Liens sur toutes les images
		if($aff_links=="oui") {echo "<br><font face=\"Verdana\" size=\"1\">$liens</font><br><br>\n";}		
 
		// Informations sur l'image
		echo "<font face=\"Verdana\" size=\"2\">\n";
		if($aff_filename=="oui") 
			{
			echo "$LANG_filename : <b>$image</b><br>\n";
			}
		if($aff_modtime=="oui") 
			{
			echo "$LANG_modtime : <b>".date("d/m/Y H:i",filemtime("$rep/$image"))."</b><br>\n";
			}
		if($aff_filesize=="oui") 
			{
			$taille=filesize("$rep/$image");
			if ($taille >= 1073741824) {$taille = round($taille / 1073741824 * 100) / 100 . " G".$size_unit;}
			elseif ($taille >= 1048576) {$taille = round($taille / 1048576 * 100) / 100 . " M".$size_unit;}
			elseif ($taille >= 1024) {$taille = round($taille / 1024 * 100) / 100 . " K".$size_unit;}
			else {$taille = $taille . " ".$size_unit;} 
			if($taille==0) {$taille="";}
			echo "$LANG_filesize : <b>$taille</b><br>\n";
			}
		if($aff_dimensions=="oui") 
			{
			echo "$LANG_width_height : <b>$taillefic[0] x $taillefic[1]</b><br>\n";
			}
		echo "</font>\n";		
		}
	else
		{
		echo "<font face=\"Verdana\" size=\"2\">L'image pass&eacute;e en param&egrave;tre n'existe pas.</font>";
		}
	}
?>
 
        </div>
  <p></p>
</body>
</html>

Merci

Aurore

cadoudal56 · 07/08/2007, 08h06

Pourquoi n'utilisez vous pas un fichier sous flash qui chargerais l'image via un passage de paramètre ?
Ce serait nettement plus simple non ?

@+
cadou

breizhgen · 07/08/2007, 10h05

Bonjour,

moi je veux bien, mais je n'y connais absolument rien en flash

si tu as des tuyaux je suis preneuse.

Merci

Aurore

zetta · 07/08/2007, 11h22

Citation:

Envoyé par cadoudal56

Pourquoi n'utilisez vous pas un fichier sous flash qui chargerais l'image via un passage de paramètre ?
Ce serait nettement plus simple non ?

@+
cadou

Vous avez raison, je me suis finalement servi de flash.

breizhgen · 07/08/2007, 19h50

bonsoir zetta,

quel script as tu utiliser ?

Merci

Aurore

zetta · 08/08/2007, 10h35

Bonjour breizhgen,
j'ai crée un fichier flash qui prend en paramètre un fichier image.
- Avec action script (langage utilisé par flash), tu peux déterminer les coordonnées de la zone rectangulaire choisie.
- Ensuite tu fais le rapport entre la taille de la zone rectangulaire et la taille initiale de l'image pour déterminer le rapport de zoom.
- Enfin tu prend la taille initiale de l'image et tu la multiplies par le rapport de zoom.

breizhgen · 09/08/2007, 09h45

Merci Zetta, je vais regarder tout ça de près.

@+

19/06/2006, 19h33	#1
zetta Candidat au titre de Membre du Club Inscription : juillet 2005 Messages : 59 Détails du profil Informations forums : Inscription : juillet 2005 Messages : 59 Points : 10 Points : 10	Zoomer une partie d'une image Salut à tous et à toutes, 1) je voudrais savoir si avec du php on peut zoomer une partie d'une image affichée dans ma page? 2) Est ce possible de paramétrer le facteur de zoom aussi?
	00

19/06/2006, 20h00	#2
Swoög Rédacteur Inscription : janvier 2003 Messages : 6 053 Détails du profil Informations personnelles : Âge : 24 Informations forums : Inscription : janvier 2003 Messages : 6 053 Points : 7 144 Points : 7 144	Salut ! oui, tout cela est possible, regarde la librairie GD : http://fr.php.net/gd __________________ Rédacteur "éclectique" (XML, IRC, Web...) Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC) je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque ! pensez à la balise [code] (bouton #) et au tag (en bas)
	00

20/06/2006, 12h34	#5
Swoög Rédacteur Inscription : janvier 2003 Messages : 6 053 Détails du profil Informations personnelles : Âge : 24 Informations forums : Inscription : janvier 2003 Messages : 6 053 Points : 7 144 Points : 7 144	c'est parce que tu utilise mal la librairie. elle est fait pour générer une image, il faut donc que le script ne génère QUE l'image pas de code HTML ou autre... __________________ Rédacteur "éclectique" (XML, IRC, Web...) Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC) je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque ! pensez à la balise [code] (bouton #) et au tag (en bas)
	00

07/08/2007, 08h06	#8
cadoudal56 Membre chevronné Inscription : février 2005 Messages : 671 Détails du profil Informations personnelles : Âge : 40 Informations forums : Inscription : février 2005 Messages : 671 Points : 646 Points : 646	Pourquoi n'utilisez vous pas un fichier sous flash qui chargerais l'image via un passage de paramètre ? Ce serait nettement plus simple non ? @+ cadou __________________ PHP Competition System Script de gestion de coupes et championnats http://phpcompet.free.fr Mon jeu de foot
	00

20/06/2006, 12h58	#6
zetta Candidat au titre de Membre du Club Inscription : juillet 2005 Messages : 59 Détails du profil Informations forums : Inscription : juillet 2005 Messages : 59 Points : 10 Points : 10	J'ai pu affiché l'image en rajoutant/modifiant ces quelques lignes imagejpeg($thumb,'soleil_zoom.jpg'); <img src="soleil_zoom.jpg"> Au lieu de zoomer toute l'image, je veux donner à l'utilisateur la possiblité de chosir la partie de l'image qu'il veut zoomer. Pour celà je vous recuperer les coordonné par rapport à l'image ou il a cliqué afin de definir une zone.
	00

07/08/2007, 10h05	#9
breizhgen Nouveau Membre du Club Inscription : août 2006 Messages : 86 Détails du profil Informations personnelles : Âge : 38 Informations forums : Inscription : août 2006 Messages : 86 Points : 29 Points : 29	Bonjour, moi je veux bien, mais je n'y connais absolument rien en flash si tu as des tuyaux je suis preneuse. Merci Aurore
	00

07/08/2007, 19h50	#11
breizhgen Nouveau Membre du Club Inscription : août 2006 Messages : 86 Détails du profil Informations personnelles : Âge : 38 Informations forums : Inscription : août 2006 Messages : 86 Points : 29 Points : 29	bonsoir zetta, quel script as tu utiliser ? Merci Aurore
	00

08/08/2007, 10h35	#12
zetta Candidat au titre de Membre du Club Inscription : juillet 2005 Messages : 59 Détails du profil Informations forums : Inscription : juillet 2005 Messages : 59 Points : 10 Points : 10	Bonjour breizhgen, j'ai crée un fichier flash qui prend en paramètre un fichier image. - Avec action script (langage utilisé par flash), tu peux déterminer les coordonnées de la zone rectangulaire choisie. - Ensuite tu fais le rapport entre la taille de la zone rectangulaire et la taille initiale de l'image pour déterminer le rapport de zoom. - Enfin tu prend la taille initiale de l'image et tu la multiplies par le rapport de zoom.
	00

09/08/2007, 09h45	#13
breizhgen Nouveau Membre du Club Inscription : août 2006 Messages : 86 Détails du profil Informations personnelles : Âge : 38 Informations forums : Inscription : août 2006 Messages : 86 Points : 29 Points : 29	Merci Zetta, je vais regarder tout ça de près. @+
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email