Redimensionner une image avec getElementByID

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:

---

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 :D

bonjour,

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

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

Code:

---

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)

---

Citation:

---

Envoyé par Auteur

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

---

Voici le code entier :

Code:

---

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 :D

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

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

Voici le code PHP commenté ;)

Code:

---

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:

---

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

---

Citation:

---

Envoyé par Gunner4902

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:

---

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

Citation:

---

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.

---

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) ?

Citation:

---

Envoyé par 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) ?

---

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 :aie:

[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 ? :aie:

Citation:

---

Envoyé par Gunner4902

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

---

[Me Capello]"à 120%" pas "de 120%" ;)[/Me Capello]
:king:

Citation:

---

Envoyé par Gunner4902

[Me Capello]"à 120%" pas "de 120%" ;)[/Me Capello]
:king:

---

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

Oui, rire :mouarf: