visualisation d'une image

Bonjour tous,
s'il vous plait j'ai un probléme que j'ai jamais rencontré et qui me bloque:

dans une page web j'ai une image à résolution basse : <img src="img1.jpeg" alt="image"> et j'ai un bouton qui va remplacer cette image par une autre à haute resolution et tré grande et ceci via le code suivant:

Code:

---

1 2	var img1= document.getElementById("img1"); img1.src="img2.jpeg".

---

voici le probléme: l'image img2 apparait mais pas en totalité et puis elle disparait et un petit x s'affiche en haut de la l'espace réservé à l'image.

pour etre avec la meme longueur d'onde avec vous, j'utilise IE8.

Merci d'avance.

Bonjour,

Pourquoi ne pas lui attribuer un style pour la deuxième image.

Code:

---

1 2 3 4 5

var img1= document.getElementById("img1"); img1.src="img2.jpeg"; img1.style.height= ; img1.style.width = ;

---

Par contre , faut donner une bonne dimension sinon l'image est trop pixleisée

Cdt

Rappel pour les images :
- Résolution : 72dpi;
- Trichromie : RVB;

le fichier image est corrompu...

ouvre ton image avec un editeur d'image et sauvegrade là en jpg ou png

merci beaucoup mais ça n'a pas résolu le problème.
en fait j'ai essayé de fixer le widthe et le height, l'affichage de l'image fonctionne mais la qualité de l'image était nulle.
d'autre part lorsque j'ai mis la nouvelle image "image2" dans une nouvelle fenetre via le code suivant l'image a été affiché, et ça a marché à merveille :" window.open('','img2.Jpeg',...)".
la question cette fois ci est cequ'il ya dans internet explorer un buffer ou une taille max d'une page web? je pose cette question parceque j'ai dans ma page web 4 applet et plein de code javascript qui communique avec les applet donc ma page elle est trés gourmante en terme de mémoire.

Merci à vous une autre fois et en attente de vos réponses frero.