Discussion :

[max-mag]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[E.Bzz]

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+

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var newimg = new Image()

Image() peut prendre deux arguments largeur et hauteur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var newimg = new Image(width, height)

[max-mag]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[E.Bzz]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

A+

[max-mag]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 ...
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;"/>