begin process at 2008 08 28 21:37:59
1 233 393 membres
485 nouveaux aujourd'hui
14 291 membres club

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum.
Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

REDIMENSIONNEMENT DE LA TAILLE D'UNE IMAGE


Information sur la source

Catégorie :Graphique Niveau : Débutant Date de création : 05/05/2003 Date de mise à jour : 05/05/2003 01:13:37 Vu : 14 212

Note :
6,33 / 10 - par 3 personnes
6,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

Description

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

Source

  • <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="--&gt;" 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="--&gt;" onClick="imgZob2()">
  • </p>
  • </div>
  • </form>
  • <img src="Gigabyte-Boxmini.jpg" name="zob" width="131" height="223" >
  • </body>
  • </html>
<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="--&gt;" 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="--&gt;" onClick="imgZob2()">
    </p>
  </div>
</form>
<img src="Gigabyte-Boxmini.jpg" name="zob" width="131" height="223"  > 
</body>
</html>

Conclusion

mettez votre image qd meme
  • signaler à un administrateur
    Commentaire de devaudc le 03/12/2004 21:57:11

    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

Ajouter un commentaire

Pub



Appels d'offres

Recherche developpeur ...
Budget : 700€
SITE MARCHAND LOCATION...
Budget : 3 000€
SITE MARCHAND POUR HOTEL
Budget : 4 000€

CalendriCode

Août 2008
LMMJVSD
    123
45678910
11121314151617
18192021222324
25262728293031

Boutique

Boutique de goodies CodeS-SourceS