Conserver l'aspect ratio en jquery

Bonjour,

J'ai un code qui permet de conserver l'aspect ration d'une image dans un div sauf que ca ne marche pas, car j'ai fait un erreur de calcul et vous demande votre aide pour rectifier ce code s'il vous plaît, j'ai trouvé quelque formule sur google mais aucun ne répond à mes besoins ce qui m'a permis de postuler ce sujet:

 resize:function(event,ui)
                        {   
                            
                      /**
                             * on redimension aussi la mère pour la contrainte de debordement
                             */
                $mere.css({
                                width:ui.element.css("width"),
                                height:ui.element.css("height")
                     }); 
       
 if(ui.originalSize.width != ui.size.width && ui.originalSize.height != ui.size.height)
   {
ui.helper.css({
width:ui.originalSize.width + ((ui.size.width) - ui.originalSize.width),       height:ui.originalSize.height + ((ui.size.height) - ui.originalSize.height)
});
 $(this).parent().css("background",'red');
   }
 else
   {
  isRation = false;
   }
   console.log(ui);
                        },
      


Merci de votre aide.

1 réponse

  • Votes
  • Date
  • Date décroissante
  1. Modérateur
    Bonjour,
    Donc ta question ne concerne pas réellement le langage de programmation (thème de ce forum....) mais une formule mathématique ?

    Sachant que les erreurs semblent faciles à trouver
    ui.originalSize.width + ((ui.size.width) - ui.originalSize.width)
    

    revient à ( x + y - x ).. donc x-x = 0 donc reste y
     ui.size.width
    

    idem pour le Height

    1. Bien il y a déjà la réponse:
      il suffit de multiplier les dimensions(largeur et hauteur) par la même valeur.
      ça reste de l’arithmétique de base...