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?