Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript dimensionnement image

dimensionnement image

1 réponse
Avatar
Aloatec
Bonjour

J'ai un problème de dimensionnement d'images.

Lorsque j'affiche une image à la place d'une autre image sans définir leur
taille pas de problème.

Par contre si je décide de modifier les propriétés height ou width d'une
image et que
j'affiche une image d'une autre dimension, cette image s'affiche avec les
dimensions précédemment définit.

Par exemple, j'affiche une image 1600 x 1200 px , je la redimensionnent en
multipliant par 2 la propriété width (cela donne 3200 x 2400 px).
Puis je remplace l'image par une image de dimension 800 x 600. Dans ce cas,
celle-ci s'affiche en 3200 x 2400.

Voici le code que j'utilise pour tester ce phénomène.

<html>
<head>
<script language="javascript">
function PetiteImage()
{
objImg = document.getElementById("image");
objImg.src="/picture/R1100250892V00_0.jpg";
}

function GrandeImage()
{
objImg = document.getElementById("image");
objImg.src="/picture/P1100250892V00_0.jpg";
}

function ImageX2()
{
objImg = document.getElementById("image");
objImg.width=objImg.width*2;
}
</script>
</head>
<body>
<input type="button" value="Petite image" onclick="PetiteImage()">
<input type="button" value="Grande image" onclick="GrandeImage()">
<input type="button" value="Image x2" onclick="ImageX2()">
<br>
<img id="image" src="/picture/R1100250892V00_0.jpg">
</body>
</html>

Y a t-il moyen "d'effacer" la valeur donnée à la propriété width ou height
d'une image ?

D'avance merci

Thierry
Signaler un problème avec ce contenu

1 réponse

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
ASM

Bonjour

J'ai un problème de dimensionnement d'images.

Lorsque j'affiche une image à la place d'une autre image sans définir leur
taille pas de problème.

Par contre si je décide de modifier les propriétés height ou width d'une
image et que
j'affiche une image d'une autre dimension, cette image s'affiche avec les
dimensions précédemment définit.


Ben oui ! c'est tout à fait normal
tu ne fais que interchanger l'adresse (la source) de l'image
et comme la taille était fixée ... Hop ! même taille !

Il faut re-préciser la nouvelle taille

objImg.style.width = '150px';
objImg.style.height = '250px';

function nouvelleImage(url,larg,haut) {
objImg = document.getElementById("image");
objImg.src = url;
objImg.style.width = larg+'px';
objImg.style.height = haut+'px';
}

<input type buton value="Petite Image"
onclick="nouvelleImage('/picture/R1100250892V00_0.jpg',100,70);">



--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************