[GD] Zoomer une partie d'une image

**zetta** · 19/06/2006, 20h33

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, 21h00

Salut !

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

**zetta** · 20/06/2006, 11h16

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, 11h56

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, 13h34

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, 13h58

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, 02h30

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, 09h06

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, 11h05

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, 12h22

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, 20h50

bonsoir zetta,

quel script as tu utiliser ?

Merci

Aurore

**zetta** · 08/08/2007, 11h35

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, 10h45

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

@+

[GD] Zoomer une partie d'une image

Bibliothèques et frameworks PHP

Discussions similaires

Partager

Partager