Version complète: sur le forum Webmaster Hub : Reduire taille image si trop grande
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > PHP
GaBs34
Salut a tous

J'ai integré un forum sur mon site et j'ai été confronté a un petit problème. Le forum est intégré a mon site, donc la largeur de celui ci est d'environ 380 pixels, et j'aurais voulu un code pour que la balise [ i m g ] réduise automatiquement les images supérieurs a 380 pixels, sans touchez a celle qui en sont inférieures.

Il y aurait t'il un code pour ce genre de phénomène

Merci beaucoup de l'aide
cognotte
Pour les navigateurs qui supportent la propriété css max-width et max-height tu peut essayer :

<img src="monimage.jpg" style="max-with:380px;max-height:380px;" alt="la description de l'image" />
GaBs34
Merci beaucoup, je pense que c'est ce qu'il me fallait
Est ce que IE7 et FF3 le supporte ?
Leonick
le problème, c'est que tu vas perdre la proportionnalité de la photo
Patrick
Leonick a raison, tes photos ne vont plus ressembler à rien si elles sont déformées !
Est ce que tes images sont uploadées en local ou sont elles hébergées ailleurs que sur ton site ?

++

Patrick
GaBs34
Ailleurs que sur mon site
Leonick
si tu veux garder la proportionnalité, tu réécrit les tailles de la balise img directement lors de l'envoi de la page, ou 2° solution tu ajoute un script js qui effectuera ce même travail
Alain
Salut
CITATION(Leonick @ vendredi 21 novembre 2008 à 12:01) *
le problème, c'est que tu vas perdre la proportionnalité de la photo

Non, les proportions resteront bonnes. Sauf si la hauteur est spécifiée dans le code html : ce qu'on peut surclasser en css avec height:auto pour garder les bonnes proportions.
Leonick
CITATION(Alain @ lundi 24 novembre 2008 à 10:00) *
Salut

Non, les proportions resteront bonnes. Sauf si la hauteur est spécifiée dans le code html
un code valide se doit d'avoir les hauteurs et largeurs d'une image définis
captain_torche
Les hauteur et largeur d'une image ne sont pas nécessaires à la validation du code.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.