Redimensionner une image

Bonjour,

Je souhaiterai redimensionner une image en javascript (les dimensions d'affichage).
L'idée est de charger dynamiquement une image, puis vérifier sa taille et si elle est trop grande, la réduire.
Je détecte la taille de l'image comme cela :

Code:

---

1 2 3 4

var newimg = new Image(); newimg.src = image_tab[sens]; //alert(newimg.height + 'ooo' + newimg.width);

---

Par contre je bute là-dessus : comment définir une taille à ma balise img ?

Merci de votre aide.

Bonjour,
pas sûr que ça soit une bonne idée : le redimensionnement au niveau du nav dégrade considérablement les images ...
Ne vaut-il pas mieux prévoir 3 ou 4 images de tailles différentes (redimensionnées grâce à un véritable outil graphique), pour gérer les définitions/tailles d'écran les plus couramment utilisées ?

EDIT : a priori newimg.style.width et newimg.style.height

A+

Code:

---

var newimg = new Image()

---

Image() peut prendre deux arguments largeur et hauteur :

Code:

---

var newimg = new Image(width, height)

---

Je me suis mal expliqué. L'objet Image me sert à détecter la taille de l'image.
En fait l'image est affichée par ce code :

Code:

---

<img src="'+image_tab[sens]+'" id="extimge" />

---

Et c'est l'image de cette balise que je n'arrive pas fixer la taille.

Code:

---

<img src="'+image_tab[sens]+'" id="extimge" style="width:50px;height:60px;"/>

---

A+

Citation:

---

Envoyé par E.Bzz

Code:

---

<img src="'+image_tab[sens]+'" id="extimge" style="width:50px;height:60px;"/>

---

A+

---

Euh, quoi dire ... Que des fois je passe à côté de chose évidente ... :oops:
En m'embarquant dans des délires ...
Merci.

Donc du coup :
1) Je prends mes dimensions avec new image()
2) Si trop grand, je réduit aux bonnes proportions
3) J'écris : <img src="'+image_tab[sens]+'" id="extimge" style="width:50px;height:60px;"/>

Donc, au final, tu ne "redimensionne" pas ton image ? :?

Tu adaptes juste la taille du tag <img> qui sert à l'afficher ?

C'est ça ?

Sinon, ton image n'est-elle pas trop dégradée ?

A+

Si, elle est dégradée en faisant cela, mais c'est une solution temporaire.
Comme il y a beaucoup d'images à traiter, c'est un script php nocture qui le fait.
Ce n'est pas fait à la volée.
Donc le temps que php fasse son boulot, javascript force l'affichage. Pas top, mais c'est le meilleur compromis pour le moment.