Probléme d'affichage d'une image redimensionnée

Question

Bonjour! J'ais sur le site que je suis en train de developper une fonction javascript sevant à redimensionner des images : function redimImage(inImg, inMW, inMH) { // Cette function recoit 3 parametres // inImg : Chemin relatif de l'image // inMW : Largeur maximale // inMH : Hauteur maximale var maxWidth = inMW; var maxHeight = inMH; // Declarations des variables "Nouvelle Taille" var dW = 0; var dH = 0; // Declaration d'un objet Image var oImg = new Image(); // Affectation du chemin de l'image a l'objet oImg.src = inImg; // On recupere les tailles reelles var h dH oImg.height; var w dW oImg.width; // Si la largeur ou la hauteur depasse la taille maximale if ((h >= maxHeight) || (w >= maxWidth)) { // Si la largeur et la hauteur depasse la taille maximale if ((h >= maxHeight) && (w >= maxWidth)) { // On cherche la plus grande valeur if (h > w) { dH = maxHeight; // On recalcule la taille proportionnellement dW = parseInt((w * dH) / h, 10); } else { dW = maxWidth; // On recalcule la taille proportionnellement dH = parseInt((h * dW) / w, 10); } } else if ((h > maxHeight) && (w < maxWidth)) { // Si la hauteur depasse la taille maximale dH = maxHeight; // On recalcule la taille proportionnellement dW = parseInt((w * dH) / h, 10); } else if ((h < maxHeight) && (w > maxWidth)) { // Si la largeur depasse la taille maximale dW = maxWidth; // On recalcule la taille proportionnellement dH = parseInt((h * dW) / w, 10); } } // On ecrit l'image dans le document document.writeln(""); }; J'ais un gros soucis : l'image s'affiche uniquement si on réactualise la page!!! Quelqu'un saurait-il me dire pourquoi! Perso je compren plus rien! Merci Choubiroute :question)

rodolphe220180 · Answer

Salut...j'ai le même problème que toi....as-tu trouvé une solution à l'heure actuelle ou une parade ?
Merci d'avance !
Rodolphe

SgtKabukinan · Answer

tiens... je pensais avoir r&#233;pondu....

Coder c'est une qu&#234;te physique visant &#224; atteindre la sublimation de la virtualit&#233; th&#233;orique.

SgtKabukinan · Answer

c dingue ca....
j'ai fais tout un post pour rien alors......
bien alors tout &#231;a pour r&#233;sum&#233; ce que j'ai dis tout &#224; l'heure ;)

Si ton image est trop lourde, le d&#233;lai d'&#233;xecution entre l'affectation de la source &#224; l'objet image et le moment ou tu r&#233;cup&#232;re la taille de l'image est trop court !
"Ton script" (d&#233;j&#224; vu partout sur le web) fonctionner avec des petites images, la il redimensionne sans r&#233;duire la taille de l'image, ce qui explique que pour lui la taille est de 0x0 au moment ou tu lui demande (car pas encore dans le cache) et il affiche sur la page une image avec des dimensions nulles.
C'est pour &#231;a que ca marche kan tu recharges, l'image &#233;tant dans le cache cette fois ci.

Bref rajoute juste une ligne &#224; ton code, pour qu'il se recharge si l'image n'a pas eu le temps d'&#234;tre charg&#233;e :

[...]
// On recupere les tailles reelles var h dH oImg.height; var w dW oImg.width;
   
 if (!h && !w)
 {
  redimImage(inImg, inMW, inMH); 
 }
 else
 { 
  // Si la largeur ou la hauteur depasse la taille maximale
  if ((h >= maxHeight) || (w >= maxWidth))
[...]

Coder c'est une qu&#234;te physique visant &#224; atteindre la sublimation de la virtualit&#233; th&#233;orique.

bontbont · Answer

Bonjour a tous,

j'utilise la meme fonction et bien sur j'ai le meme probleme... j'ai essay&#233; la solution de SgtKabukinan mais cela ne change pas grand chose (au lieu d'avoir un point au premier affichage j'ai plus rien)... 

Quelqu'un a t il r&#233;solu le probleme ? Si oui comment ?

merci beaucoup.

bontbont · Answer

bon, j'ai pas r&#233;ussi en javascript mais c'est possible en php (le code n'est pas de moi, je l'ai trouv&#233; sur un autre site), je vous le laisse, ca peut toujours servir &#224; quelqu'un :

 
$source=chemin_et_nom_de_votre_image; 
// Taille &#224; ne pas d&#233;passer en pixels
$taillemax=60; 
// On r&#233;cup&#232;re les dimension initiales de l'image
@$img = getimagesize($source); 
$x=$img[0]; 
$y=$img[1]; 
                                                                                          
//si la hauteur ou la largeur de l'image est plus grande que $taillemax on redimensionne
if (($x>$taillemax) or ($y>$taillemax)) {
   if ($x > $y) 
   { 
      $y=$y*(($taillemax)/$x); 
      $x=$taillemax; 
   } 
   if ($y > $x) 
   { 
      $x=$x*(($taillemax)/$y); 
      $y=$taillemax; 
   } 
   if ($y == $x) 
   { 
      $x=$taillemax; 
      $y=$taillemax; 
   } 
}
// On affiche l'image
echo "";

Probléme d'affichage d'une image redimensionnée

5 réponses

Votre réponse

Discussions similaires