Dimension Image JavascriptRésolu

Question

Bonjour

Mon problème est le suivant, j'ai un script (java script) qui exécute la fonctions displayPics avec la commande window.onload = displayPics; ensuite j'essaie de récupéré les valeurs pour la grandeur d'une image de cette façon, 
  var Img = new Image();
  Img.src ref_photo;   (ref_photo référence de la photo)
  var h = Img.height;
mais cette technique ne fonctionne pas à tous les coups. La plupart du temps elle me donne zéro dans la variable h et quand je clique a nouveau dessus elle me donne la vrai valeur. Si ca peut aider quand je met un alert(ref_photo) avant de récupérer le height ça fonctionne a tous coups et je ne comprend pas pourquoi. J'aimerais qu'il me donne toujours la bonne valeur sans mettre le alert() et sans a avoir à cliquer deux fois dessus.

Si quelqu'un peut m'aider, cela serait vraiment apprécié
Merci pour votre aide.

Bul3 · Accepted Answer

Bonjour,
on ne peut récupérer la taille que lorsque
l'image est chargée ( .complete ) 
mais surtout affichée 
Cordialement	[mon Site]	[M'écrire]	Bul

benStNarsRepresent · Answer

Merci d'avoir pris le temps de me répondre. Je vais travailler la dessus.

benStNarsRepresent · Answer

Bonjour Bul3, 

J'aurais une autre petite question. Est-il possible de charger mon image, ensuite de changer les dimension et de la rechargé à la même position.

Merci

Bul3 · Answer

>>changer les dimension 

changer les dimensions, la position...
certes :
l'image.style.top= position horizontale+"px"
 l'image .style.left =position verticale+"px"
l'image.style.width= largeur+"px"
 l'image .style.height =hauteur+"px"

ou % à la place de "px",
changer la largeur ou la hauteur 
influe sur l'autre dimension

>>et de la recharger à la même position. 
pourquoi recharger ?
on modifie l'affichage, pas l'image sur le support

et pour .complete : tester avec setTimeout
sinon on bloque tout le système

Bul3 · Answer

et les dimensions, la taille...
ça dépend de quand et de comment !

par exemple pour un zoom, un agrandissement
et/ou une nouvelle position au survol : le css suffit

benStNarsRepresent · Answer

D'accord, je vais regarder ça et merci

Dimension Image Javascript

6 réponses

Votre réponse

Discussions similaires