Redimensionnement d'une image et rendu
Bonjour.
Je redimensionne automatiquement une image lors du redimensionnement de la page.
Si la page fait plus de 1000 px de large, je détermine une taille maxi pour mon image qui est la taille d origine.
Cela fonctionne, je vérifie la taille affectée à l image dans la barre de titre de ma page mais bien que la taille affectée à l image est correcte, le rendu est surprenant.
Pour info la taille initiale de mon image est de 500 x 725 et bien que je lui affecte ces valeurs elle apparait en 625 x 465.
Qu'ai-je raté ?
Je vous remercie pour vos conseils
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| function resizeIHomeImage() {
var theImg = document.getElementById('HomeImage');
var wmax = theImg.naturalWidth;
var hmax = theImg.naturalHeight;
var largeur = window.innerWidth;
if (largeur >= 1000) {
theImg.height = wmax;
theImg.width = hmax;
} else {
theImg.height = 150;
theImg.width = 150;
}
document.title = theImg.width + " x " + theImg.height;
} |
