Redimensionner des images automatiquement...
Cette astuce vous permettra grâce à du CSS de redimensionner
automatiquement des images dont les dimensions sont supérieures aux
dimensions que vous avez définies dans la feuille de style. Cette source
n'est compatible qu'avec certains navigateurs.
A insérer entre <head> et </head>
<style>
.pictures{
max-width: 410px;
max-height: 300px;
width: expression(Math.min(this.width, 410));
height: expression(Math.min(this.height, 300));
border: 0;
}
</style>
Les valeurs 410 et 300 sont les dimensions maximum des images que vous fixez.
Modifiez les à votre guise dans les 4 lignes. Cependant il faut que
la largeur max soit la même dans les lignes 1 et 3 et que la hauteur
max soit aussi la même dans les lignes 2 et 4
Voici comment appeller vos images dans votre source HTML :
<img border="0" src="chemin/image.jpg"
class="pictures">