Reproportionner une image dans une zone de 600px sur 400px

**Marc22** · 03/03/2010, 09h55

Bonjour,

j'essaie de reproportionner une image en calculant les rapports largeur et hauteur, pour savoir si une image dépassera en premier d'abord par la largeur ou par la hauteur, et dans chaque cas, j'applique le div CSS adéquate.

Via le code php suivant, ça marche bien ;

le problème, c'est que j'ai un diaporama miniatures, et j'aimerais quand je clique sur une image miniature, que ça rentre dans ce code php, et que suivant l'image cliquée, l'url de l'image change dans le code php.

j'aimerais récupérer le lien de l'image cliquée, un peu à la façon d'un post/get je dirais, sauf que je ne passe pas par un formulaire, et que l'url ne varie pas.

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
<?php 
// CODE POUR DE TRAITEMENT DE L'IMAGE PRINCIPALE SUIVANT SES DIMENSIONS (hauteur/largeur)
 
	$size=getimagesize("image/im1.jpg");
 
	// zone allouée maximale dans le css avec un width de 600px sur un height de 400px
 
	if((600/$size[0])<=(400/$size[1])){/* rapport "largeur" plus grand */
 
		 echo '<div id="imageLargeur"><img src="image/im7.jpg"/></div>';
 
 
	}else{ /* rapport "hauteur" plus grand */
		 echo '<div id="imageHauteur"><img src="image/im7.jpg"/></div>';
	}
 
?>
 
<!-- diaporamas miniatures pour changer d'image -->
 
	<div id="contentMiniatures">
 
		<div id="miniatures">	  
			<a href="#" ><img src="image/im1.jpg" onclick="afficheImage(this.src)" title="im1" style="cursor:pointer;" /></a>
			<a href="#" ><img src="image/im2.jpg" onclick="afficheImage(this.src)" title="im2" /></a>
			<a href="#" ><img src="image/im3.jpg" onclick="afficheImage(this.src)" title="im3" /></a>
			<a href="#" ><img src="image/im4.jpg" onclick="afficheImage(this.src)" title="im4" /></a>
			<a href="#" ><img src="image/im5.jpg" onclick="afficheImage(this.src)" title="im5" /></a>
			<a href="#" ><img src="image/im6.jpg" onclick="afficheImage(this.src)" title="im6" /></a>
			<a href="#" ><img src="image/im7.jpg" onclick="afficheImage(this.src)" title="im7" /></a>
		</div>
 
	</div>

ça ne m'étonnerait pas qu'il existe 150 façons plus simples pour obtenir ce que je veux et si vous avez d'autres propositions n'hésitez pas à m'en faire part.

Merci !