Img respect des proportions

Bonjour a tous.

En JS je zoom sur une photo
voici mon code tout marche bien

Code:

---

1 2 3 4 5 6 7 8

function zoomplus(zoomfactor){   var coef = 200; e=document.getElementById('temoin').focus; e=document.getElementById('MonImage'); e.width=(e.width)+zoomfactor*coef/e.height; e.height=(e.height)+zoomfactor*coef/e.height; }

---

mais lorse que je change de photo

Code:

---

document.MonImage.src = ImgDiapo[n];

---

et que je passe d'une photo en paysage a une phoyo en portrai par exemple les proportions ne changent pas et la photo est complétement etirée.

voici mon code html

Code:

---

<img height = 70% src="" name="MonImage" id="MonImage" />

---

et les balises pour le zoom

Code:

---

1 2	<input type="button" value="zoom -" onclick="zoomplus(-25)" > <input type="button" value="zoom +" onclick="zoomplus(25)" >

---

coment faire pour que les proportions s'adaoptent a la nouvelle image.

D'avance merci de votre aide.

Citation:

---

Envoyé par DAN14

Bonjour a tous.

En JS je zoom sur une photo
voici mon code tout marche bien

Code:

---

1 2 3 4 5 6 7 8

function zoomplus(zoomfactor){   var coef = 200; e=document.getElementById('temoin').focus; //à quoi sert cette ligne e=document.getElementById('MonImage'); e.width=(e.width)+zoomfactor*coef/e.height; <==== ???????????????? e.height=(e.height)+zoomfactor*coef/e.height; }

---

....
D'avance merci de votre aide.

---

A+JYT

j'ajouterai : la taille de l'image doit s'exprimer en pixels pas en pourcentage.

Code:

---

1 2	<img style="height:70px" src="" name="MonImage" id="MonImage" />

---

par ailleurs dans le code javascript où est déclaré "e" ? Et change de nom, "e" pour une variable ce n'est pas très explicite ;)