Redimenssionnement d'image avec condition

Bonjour,

Et oui, encore un topic de redimenssionnement d'image (désolé). Le problème c'est que je n'ai pas encore trouvé l'exacte réponse à mon problème.

En fait je voudrais redimenssionner une image seulement si elle est trop grande par rapport au div qui la contient. Donc je ne peut pas mettre width='xx' car du coup les images trop petites seraient upscalées.

Merci d'avance à ceux qui pourront m'aider

Mad

Tu peux utiliser max-height/width :

Code:

---

1 2 3 4 5

img { max-height : 600px ; max-width : 600px ; }

---

A voir si ça correspond avec ce que tu veux...

Sinon, il te faudra surement passer par du JavaScript, a minima pour IE6.

Merci c'est exactement ça que je cherchais, sauf que ça marche pas avec IE :(

Merci

Tu peux compenser avec du JavaScript via expression() pour IE via un commentaire conditionnel.

Exemple d'utilisation de expression() et des commentaires conditionnels :

Code:

---

1 2 3 4 5 6 7

<!--[if lt IE 7]> <style type="text/css"> #global { top:expression(document.body.clientHeight<=this.offsetHeight ? "0" : (document.body.clientHeight-this.offsetHeight)/2+"px"); left:expression(document.body.clientWidth<=this.offsetWidth ? "0" : (document.body.clientWidth-this.offsetWidth)/2+"px"); } </style> <![endif]-->

---

Oui j'ai vu ça.

En gros dans mon cas ça fait ça :

Code:

---

1 2 3 4 5 6

img { max-width:500px; max-height:500px; _width:expression((this.offsetWidth>=this.offsetHeight)?Math.min(parseInt(this.offsetWidth),500):true); _height:expression((this.offsetHeight>this.offsetWidth)?Math.min(parseInt(this.offsetHeight),500):true); }

---

Je suis obligé de faire un test pour fixer soit la largeur soit la hauteur sinon ça bug.