Discussion :

[madislak]

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

[Er3van]

Tu peux utiliser max-height/width :

Code CSS :

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

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.

[madislak]

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

Merci

[Er3van]

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

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

Code HTML :

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

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

[madislak]

Oui j'ai vu ça.

En gros dans mon cas ça fait ça :

Code :

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

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.