Discussion :

[cotojo12]

Bonjour,
J'ai fait le code si dessous pour limiter la taille d'une image si elle plus large que haute je limite la largeur si elle est plus haute que large je limite la hauteur; le probleme etant que la fonction ne marche pas au premier "load" de la page mais est ok quand je la reload....
Etrange....

Une idée qq'un?

Merci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function AfficheImage(srcpic,Maxheight,Maxwidth)
{
 
	var myimage = new Image();
	myimage.src = srcpic;
	document.write('<img name=\"image\" src=\"'+srcpic+'\" alt=\"\" height=\"1\" onclick=\"\">');
 
 
	if(myimage.height>myimage.width) 
	 { 
	     document.write('<img name=\"image\" src=\"'+srcpic+'\" alt=\"\" height=\"'+Maxheight+'\" onclick=\"\">');
	 }
	else
	{
		document.write('<img name=\"image\" src=\"'+srcpic+'\" alt=\"\" width=\"'+Maxwidth+'\" onclick=\"\">');
	} 
}

[vermine]

Bonjour,

Il faudrait voir l'appel de la fonction. Peut-être est-il fait alors que l'image n'est pas encore chargée la première fois.

[cotojo12]

c'est enfaite cette fonction qui affiche l'image. donc effectivement il faudrait peut-etre charger l'image avant... mais comment?

Merci

[E.Bzz]

Bonjour,
en évitant les document.write(), déjà

Tu peux créer ton image à la génération de la page (ce qui aura pour effet de la charger dès le chargement de la page), puis en modifiant (via le onload de l'<img>) les attributs en dynamique avec

Code :

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

1
2
3
this.style.width
// et
this.style.height

A+