Discussion :

[dembroski]

Bonjour, j'ai un petit soucis sur une page de mon site web.

je donne un exemple (en XHTML strict je suis):

j'ai une division de 100px/100px, j'ai une image dedans qui au clic s'agrandit avec light box. Sa ca marche.

Le probleme et que mes images sont grandes, je ne veut pas utiliser de miniature, du coup dans la balise "img" j'ai mis width et height à 100, seulement, j'aimerai avoir la plus grande des deux valeurs à 100, pas les deux.

EXEMPLE:

une image de 1000px / 500px , j'aimeré quel fasse 100 / 50 dans ma div de 100 / 100.

une image de 500px / 1000px , j'aimeré quel fasse 50 / 100 dans ma div de 100 / 100.

Code actuel:

Code :

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

1
2
3
4
5
 
<div style="float:left; width:100px; height:100px;">					<a href="/images/studio01.jpg" title="Titre" rel="splash.image|studio">
<img src="/images/studio01.jpg" alt="Photo Studio 1" width="100" height="100" />
</a>
</div>

Merci de votre soutien : j'aimerai resté compatible en XHTML strict ^^

[Candygirl]

Code :

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

<img src="/images/studio01.jpg" alt="Photo Studio 1" style="max-width:100px;max-height:100px;" />

Sur tous les navigateurs récents.
Par contre IE6 n'interprète pas le max-width et max-height

[blueice]

Il faut passer par un langage dynamique sinon, en faisant un test sur la taille pour l'afficher comme tu le souhaites.

[dembroski]

aurait tu un exemple de fonction php qui fait cela?
je veux bien chercher mais je n'ai aucune idée de la fonction a utiliser?

Merci

[blueice]

Je l'avais faite, faudrait que je remette la main dessus...

[Bisûnûrs]

Perso j'utilise ça comme ça :

fichier distrib.php

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
<?php
$taille_img=getimagesize("$source");
$source_x = $taille_img[0];
$source_y = $taille_img[1];
$source_id = imageCreateFromJPEG($source);
$cible_id = imagecreatetruecolor($dest_x, $dest_y);
imagecopyresampled($cible_id,$source_id,0,0,0,0,$dest_x,$dest_y,$source_x,$source_y);
header('Content-type: image/jpeg');
imagejpeg($cible_id,'',100);
ImageDestroy($cible_id);
?>

et l'appel

Code :

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

<img src="distrib.php?source=urldelimage&amp;qualite_jpg=100&amp;dest_x=42&amp;dest_y=42" />

Il faut évidemment activer la librairie GD sur ton serveur.

[blueice]

Alors bien mais il faut GD, j'écris un bout de code sans avoir testé :

Code php :

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
 
<?php
$size= getimagesize($images);
$ratio = 100;
if ($size[0] >= $size[1])
{
$x = $ratio;
$y = round(($size[1]*$ratio/$size[0]));
}
elseif ($size[1] >= $size[0])
{
$y = $ratio;
$x = round(($size[0]*$ratio/$size[1]));
}
else {
$x = $size[0]; $y = $size[1];
}
?>

Reste plus qu'à remplacer les tailles dans l'image :

Code html :

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

1
2
 
<img src="toto.jpg" width="<?php echo $x; ?>" height="<?php echo $y;"  alt="" /> ?>

A tester, j'ai écrit comme je le sentais ...