29-08-2006, 11:25 PM
(Modification du message : 20-05-2016, 03:33 PM par Xenos.
Raison de la modification: code tags
)
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 :
et l'appel :
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
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