JeuWeb - Crée ton jeu par navigateur
Javascript : Problème redimensionnement image - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Javascript : Problème redimensionnement image (/showthread.php?tid=128)

Javascript : Problème redimensionnement image - maxtheb - 29-08-2006

Salut à tous

Voila j'ai un petit soucis pour redimensionner des images avec javascript, j'explique : j'ai donc des images qui parfois dépassent au niveau de la largeur de l'écran, j'ai donc décidé de les redimmensionner en javascript.

voila mon script : 

function redimImage(image_source, largeur_max) 

{ 

var hauteur = 0; 

var largeur = 0; 



// Declaration d'un objet Image 

var img = new Image(); 



// Affectation du chemin de l'image a l'objet 

img.src = image_source; 



// On recupere les tailles reelles 

var h = hauteur = img.height; 

var w = largeur = img.width; 



// Si la largeur dépasse la taille maximale 

if(w>largeur_max) 

{ 

largeur=largeur_max; 

hauteur=parseInt(h * largeur_max / w,10); 

} 



// On ecrit l'image dans le document 

document.write("<img src=\"" + image_source + "\" width=\"" + largeur + "\" height=\"" + hauteur + "\" border=\"5\">"); 

}

et l'appel : 

<script language="JavaScript"> 

var chemin = <? print("\"../photos/".$photo."\"");?>; 

redimImage(chemin, screen.width-100); 

</script>
Mon problème est que lorsque j'affiche une image, elle est quasiment invisible (on voit juste le cardre autour : border=5) mais ensuite si j'actualise la page (F5) elle s'affiche correctement ...

J'avoue que je ne comprend pas bien ce problème

En plus que ce soit sous IE ou Firefox le problème est le même

Si quelqu'un pouvait m'aider ca serait très sympa parce la je vois pas

merci d'avance

RE: Javascript : Problème redimensionnement image - phpgamer - 30-08-2006

Je débute en javascript, mais peut etre que si il faut actualisé, alors actualisons, javascript est rapide.
Alors je propose :

Code PHP :
<?php 

function redimImage(image_source, largeur_max)

{

var hauteur = 0;

var largeur = 0;



// Declaration d'un objet Image

var img = new Image();



// Affectation du chemin de l'image a l'objet

img.src = image_source;



if (img.scr == NULL)

    redimImage(image_source, largeur_max);

// On recupere les tailles reelles

var h = hauteur = img.height;

var w = largeur = img.width;



// Si la largeur dépasse la taille maximale

if(w>largeur_max)

{

largeur=largeur_max;

hauteur=parseInt(h * largeur_max / w,10);

}



// On ecrit l'image dans le document

document.write("<img src=\"" + image_source + "\" width=\"" + largeur + "\" height=\"" + hauteur + "\" border=\"5\">");

}


RE: Javascript : Problème redimensionnement image - maxtheb - 30-08-2006

salut je ne sais pas si tu as testé le script mais ca ne fonctionne pas ...



RE: Javascript : Problème redimensionnement image - phpgamer - 30-08-2006

Peut etre ca :

Code PHP :
<?php 

function redimImage(image_source, largeur_max)

{

var hauteur = 0;

var largeur = 0;



// Declaration d'un objet Image

var img = new Image();



// Affectation du chemin de l'image a l'objet

img.src = image_source;



if (img.scr == NULL)

    redimImage(image_source, largeur_max);

else {

// On recupere les tailles reelles

var h = hauteur = img.height;

var w = largeur = img.width;



// Si la largeur dépasse la taille maximale

if(w>largeur_max)

{

largeur=largeur_max;

hauteur=parseInt(h * largeur_max / w,10);

}



// On ecrit l'image dans le document

document.write("<img src=\"" + image_source + "\" width=\"" + largeur + "\" height=\"" + hauteur + "\" border=\"5\">");

}

}



Sinon quel erreur as tu?