Redimensionnement de la taille d'une image

Soyez le premier à donner votre avis sur cette source.

Snippet vu 23 789 fois - Téléchargée 28 fois

Contenu du snippet

ça sert a redimensionner une image a la hauteur et largeur voulues
en entrant ses valeurs

Source / Exemple :


<html>
<head>
<title>Redimensionnement de la taille d'une image</title>

<script>
//Redimensionnement de la taille d'une image by jbvillier@yahoo.fr
function imgZob() {
 window.document.images[0].width = document.forms["form"].textfield.value;
}
function imgZob2() {
 window.document.images[0].height = document.forms["form"].textfield2.value;
}
</script>
</head>

<body>
<form name="form" id="form" >
  <div align="center"> 
    <p> Redimensionnement de la taille d'une image </p>
    <p>Largeur de l'image 
      <input name="textfield" type="text" value="" size="5" maxlength="5">
      pixels <br>
      <input type="button" name="Button" value="-->" onClick="imgZob()">
    </p>
    <p>Hauteur de l'image 
      <input name="textfield2" type="text" size="5" maxlength="5">
      pixels<br>
      <input type="button" name="Button" value="-->" onClick="imgZob2()">
    </p>
  </div>
</form>
<img src="Gigabyte-Boxmini.jpg" name="zob" width="131" height="223"  > 
</body>
</html>

Conclusion :


mettez votre image qd meme

A voir également

Ajouter un commentaire

Commentaire

devaudc
Messages postés
2
Date d'inscription
vendredi 3 décembre 2004
Statut
Membre
Dernière intervention
3 décembre 2004
-
Merci pour ce script sympa.
Il est ludique de pouvoir redimensionner une image dans une page HTML.
Est-ce ce seul but ou est-ce un script à utiliser dans d'autres contextes?
Amicalement

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.