IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Redimensionner une image proportionnellement


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    54
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2006
    Messages : 54
    Par défaut Redimensionner une image proportionnellement
    Salut,
    Je n'utilise pas beaucoup le JavaScript donc je ne m'y connais pas suffisamment pour créer moi même le script dont j'aurais besoin
    J'ai cherché sur internet, mais je n'ai pas trouvé de script faisant exactement ce dont j'ai besoin
    J'ai une taille max en hauteur et une taille max en longueur.
    Je fais un upload d’image, puis le redimensionnement se fait de la manière suivante :
    Je prends la plus grande valeur en paramètre (hauteur ou bien longueur) puis, l’autre paramètre je le fais proportionnellement.
    Exemple :
    j’ai une image de taille H:230 et L:300
    Je prends la plus grande valeur donc, L:300
    Les tailles max à respecter après le redimensionnement :
    H max : 100, L max : 100
    300 >>va devenir >> 100
    230 >>la proportion>> X
    X = (100 * 230) /300.

    Après je valide l'enregistrement de l'image sur le serveur
    Vous voyez ce que j'aimerais faire ? Quelqu'un pourrait-'il m'aider à créer ce script svp ?
    Voici ce que j’ai fait comme début :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    var resize = function(img, maxh, maxw) {
      var ratio = maxh/maxw;
      if (img.height/img.width > ratio){
         // hauteur est le problème
        if (img.height > maxh){
          img.width = Math.round(img.width*(maxh/img.height));
          img.height = maxh;
        }
      } else {
        // largeur est le problème
        if (img.width > maxh){
          img.height = Math.round(img.height*(maxw/img.width));
          img.width = maxw;
        }
      } 
    };
    Il me reste à charger l’image dans la page et l’afficher à coté, appliquer le redimensionnement, puis enregistrer la nouvelle image sur le serveur
    Merci !

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    54
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2006
    Messages : 54
    Par défaut Redimensionner une image proportionnellement
    Voici ce que j’ai pour le moment
    Mon code d'Upload il marche bien.
    Le problème c'est que je n'arrive pas à insérer la fonction createThumb qui change les dimensions dans mon code.
    Si tout marche bien, il va me rester aussi comment donner un nouveau nom à l'image.
    Fichiers attachés Fichiers attachés

Discussions similaires

  1. [Images] Redimensionner une image de façon proportionnelle
    Par fatjoe dans le forum Bibliothèques et frameworks
    Réponses: 7
    Dernier message: 29/09/2009, 22h51
  2. Réponses: 3
    Dernier message: 26/04/2006, 11h13
  3. [VB.NET] Redimensionner une image proportionnelement
    Par Monster77 dans le forum Windows Forms
    Réponses: 3
    Dernier message: 19/10/2004, 12h10
  4. [MX2004] redimensionner une image lors du chargement
    Par ouinouin dans le forum Flash
    Réponses: 8
    Dernier message: 18/02/2004, 18h32
  5. [VB6] [Graphisme] Réduire une image proportionnellement
    Par pepper dans le forum VB 6 et antérieur
    Réponses: 7
    Dernier message: 24/02/2003, 14h49

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo