Discussion :

[Gunner4902]

Bonjour,
Il y a quelques mois une personne du forum m'a montré comment centrer une image dynamique qui n'a pas toujours la meme taille dans une page web grace à getElementByID :

Code :

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

1
2
document.getElementById('img').style.marginLeft=(document.prenom_image.width*-1/2);
document.getElementById('img').style.marginTop=(-1*(document.prenom_image.height/2));

J'aimerai connaitre le code pour agrandir l'image à 120% par exemple… toujours en utilisant le code suscité pour centrer l'image redimensionnée après.

Merci

[Auteur]

bonjour,

curieux le code que tu as posté (sans doute parce qu'il manque le contexte dans lequel il est utilisé )

Sinon pour agrandir ton image, il s'agit d'une opération :

Code javascript :

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

1
2
3
4
 
 
document.prenom_image.width = parseInt(document.prenom_image.width)*(1+1.2); // (w+w*120/100)
document.prenom_image.height = parseInt(document.prenom_image.height)*(1+1.2); //(h+h*120/100)

[Gunner4902]

curieux le code que tu as posté (sans doute parce qu'il manque le contexte dans lequel il est utilisé )

Voici le code entier :

Code :

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

1
2
3
4
5
6
7
8
$root = "images";
$folder = scandir($root);
$folder = array_diff($folder, array(".", "..", "Thumbs.db"));
$fo = array_rand($folder);
$file = glob("$root/$folder[$fo]/*.{jpg,jpe,jpeg,jfif}", GLOB_BRACE);
$fi = array_rand($file);
list($width, $height, $type, $attr) = getimagesize("".$file[$fi]."");
echo utf8_encode("<div id=\"img\"><img src=\"".$file[$fi]."\"  $attr name=\"prenom_image\" /></div>");

Et merci pour le code

[Auteur]

c'est du PHP, je n'y comprends rien

Sinon la solution que j'ai posté te convient ?

[Gunner4902]

Voici le code PHP commenté

Code :

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

1
2
3
4
5
6
7
8
9
 
$root = "images";  //désignation de la racine
$folder = scandir($root);  //on scanne les dossiers et fichiers de la racine
$folder = array_diff($folder, array(".", "..", "Thumbs.db"));  // on élimine . .. et Thumbs.db
$fo = array_rand($folder); // on prend un dossier au hasard
$file = glob("$root/$folder[$fo]/*.{jpg,jpe,jpeg,jfif}", GLOB_BRACE);  // on liste les noms des fichiers contenu dans le dossier aléatoire en ne retenant que les images jpg, jpe, jpeg et jfif et en supprimant l'extension
$fi = array_rand($file);  // on prend une image aléatoire
list($width, $height, $type, $attr) = getimagesize("".$file[$fi].""); //on retourne les informations de l'image pour renseigner l'attribut servant à JavaScript
echo utf8_encode("<div id=\"img\"><img src=\"".$file[$fi]."\"  $attr name=\"prenom_image\" /></div>");// on encode en UTF-8 le nom de l'image qui est le nom du fichier sans l'extension

Sinon, ton code me convient tout à fait, il est en pratique dans ma page d'ailleurs Mais j'ai du modifier quelquechose, car 1+1.2 = 100% + 120% = 220%, donc j'ai simplement mis 1.2

Code :

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

document.prenom_image.width = parseInt(document.prenom_image.width)*(1.2);

[Auteur]

Sinon, ton code me convient tout à fait, il est en pratique dans ma page d'ailleurs Mais j'ai du modifier quelquechose, car 1+1.2 = 100% + 120% = 220%, donc j'ai simplement mis 1.2

Code :

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

document.prenom_image.width = parseInt(document.prenom_image.width)*(1.2);

euh augmenter une valeur de 120% c'est réaliser le calcul suivant :
W = w +w*120/100 = w*(1+1.2)

les pourcentages

ajouter un pourcentage : Augmenter un nombre de p%, c'est lui ajouter p% de lui-même. Ainsi, augmenter 350 de 18%, c'est calculer 350+350×18/100=350×1,18=413.

[Gunner4902]

Possible, je suis pas très doué en maths
En tous cas si tu essayes, tu verras qu'avec le calcul 1+1.2, l'image est augmenté de 220% alors qu'avec 1.2 elle ne l'est que de 120%… donc je me suis tablé sur ce que je voyais.
Ou alors c'est une interprétation du navigateur (Opera 9.51) ?

[Auteur]

Possible, je suis pas très doué en maths
En tous cas si tu essayes, tu verras qu'avec le calcul 1+1.2, l'image est augmenté de 220% alors qu'avec 1.2 elle ne l'est que de 120%… donc je me suis tablé sur ce que je voyais.
Ou alors c'est une interprétation du navigateur (Opera 9.51) ?

C'est la surface ou les dimensions (largeur et hauteur) que tu veux augmenter de 120 % ?
Si tu augmentes une valeur de 100% cela revient à la multiplier par 2.

Là en multipliant par 1,2 tu réalises une augmentation de 20% seulement.

tu sais que tu commences à me faire douter

[Bovino]

[Me Capello]
Il s'agit d'un problème de sémantique.
Dans l'absolu, c'est Auteur qui a raison, mais il est vrai qu'un abus de langage très répandu amène à considérer que +120% correspond à 20% en plus...
Tout comme une réduction de -20% est au sens strict une augmentation sera comprise comme une baisse
[/Me Capello]

Euh... désolé, je prend le 12 et je sors ?

[Gunner4902]

J'aimerai connaitre le code pour agrandir l'image à 120% par exemple

[Me Capello]"à 120%" pas "de 120%" [/Me Capello]

[Auteur]

[Me Capello]"à 120%" pas "de 120%" [/Me Capello]

oui, comme quoi les pourcentages ne tiennent qu'à un mot

[Gunner4902]

Oui, rire