Redimensionner des images automatiquement...
Vous avez au préalable définie dans votre CSS les dimensions de vos images, mais vous avez les images dont les dimensions sont très supérieures à celles définies dans votre feuille de style.
Voici comment faire pour qu’elles soient redimensionnées automatiquement. Attention cette astuce ne fonctionne pas avec tous les navigateurs.
Voici le script :
<!-- A insérer entre <head> et </head> de votre page -->
<style>
.pictures{
max-width: 460px;
max-height: 320px;
width: expression(Math.min(this.width, 460));
height: expression(Math.min(this.height, 320));
border: 0;
}
</style>
C’est à vous de fixer les dimensions que vous souhaitez
Voici comment appeler vos images dans votre source HTML :
<img border="0" src="chemin/image.jpg" class="pictures">
Voici comment faire pour qu’elles soient redimensionnées automatiquement. Attention cette astuce ne fonctionne pas avec tous les navigateurs.
Voici le script :
<!-- A insérer entre <head> et </head> de votre page -->
<style>
.pictures{
max-width: 460px;
max-height: 320px;
width: expression(Math.min(this.width, 460));
height: expression(Math.min(this.height, 320));
border: 0;
}
</style>
C’est à vous de fixer les dimensions que vous souhaitez
Voici comment appeler vos images dans votre source HTML :
<img border="0" src="chemin/image.jpg" class="pictures">