Discussion :

[okoweb]

Bonsoir,
Est-il possible de redimensionner les images à l'affichage tout en gardant le ratio?
Quelque soit la réponse qu'est-ce vous me conseillez?

Merci d'avance...

[Madfrix]

Quelles sont tes contraintes/technos à utiliser ?

[ABCIWEB]

Dans un code html

Code :

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

<img src="mon-image.jpg" width="100" height="100" alt="mon-image" />

rien ne t'empêche de fixer autoritairement des valeurs pour height et width.

Pour connaître les dimensions originales de l'image tu peux utiliser la fonction getimagesize

[okoweb]

Dans un code html

Code :

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

<img src="mon-image.jpg" width="100" height="100" alt="mon-image" />

De cette façon en dur, je perds le ratio et l'image s'affiche déformée.

Merci...

[Thes32]

Salut,
Peux tu jetter un oeil dans ce thread ? http://www.developpez.net/forums/d68...e/#post4020275

[okoweb]

Salut,
Peux tu jetter un oeil dans ce thread ? http://www.developpez.net/forums/d68...e/#post4020275

Je rassure ce truc est magnifique pour le redimensionnement d'image à la volée.

Et si je comprends bien, il est impossible de redimensionner une image avec une hauteur et largeur fixes sans tuer son ratio. Et pour conserver ce dernier il faut absolument passer par le crop. Et de là une partie de l'image sera rognée.

Merci, cela va beaucoup m'aider.

[okoweb]

Quelles sont tes contraintes/technos à utiliser ?

D'abord les images ont déjà été uploadées vers le serveur et enregistrer dans la bdd(MySQL).
Je souhaite les redimensionnées à l'affichage à plusieurs endroit de la page, mais quelque soit les dimensions fixées garder le ratio (proportion).
Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
 
function fctaffichimage($img_Src, $W_max, $H_max) {
//...
// ----------------------------------------------------
// AFFICHE les dimensions optimales
 echo 'src="'.$img_Src.'" width="'.$W.'" height="'.$H.'"';
}
 
<img alt="" <?php fctaffichimage('test.png', 50, 100); ?> />