[XHTML] XHTML strict et les miniatures sans déformation

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:

---

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 ^^:yaisse2:

Code:

---

<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

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

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

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

Perso j'utilise ça comme ça :

fichier distrib.php

Code:

---

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:

---

<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.

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

Code:

---

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:

---

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

---

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