Redimensionner une image en utilisant JavaScript/jQuery

Je sais que cette question a été répondue plusieurs fois. Cependant, mon code ne semble pas fonctionner malgré le fait que je l'ai littéralement obtenu sur Internet. Je fais probablement quelque chose de mal, mais qu'est-ce que je ne pouvais pas comprendre exactement.Redimensionner une image en utilisant JavaScript/jQuery

Je mis dans la balise HTML <head> le code JS suivant:

$(document).ready(function() { 
 
    var imwidth = $('#jspp').width(); 
 
    var imheight = $('#jspp').height(); 
 
    if (imwidth < imheight) { 
 
    $('#jspp').width(100); 
 
    } else { 
 
    $('#jspp').height(100); 
 
    } \t 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    <div> 
 
    <img id="jspp" src="https://placehold.it/300x300"> 
 
    </div> 
 
</body>

Quelqu'un a une idée de ce qui pourrait se tromper?

Merci d'avance!

Source

2017-10-16 Matthias

Il vous manque un ')' à la fin de votre jQuery. Vérifiez votre console.log pour les erreurs. – MCMXCII

Ne supposez pas que tout ce que vous copiez directement à partir d'Internet est correct et valide :) – FluffyKitten

@MCMXCII merci! Je l'ai corrigé, mais ça ne marche toujours pas – Matthias

Ici, vous allez avec une solution https://jsfiddle.net/027q85w8/

$(document).ready(function() { 
 
    var imwidth = $('#jspp').width(); 
 
    var imheight = $('#jspp').height(); 
 

 
    if (imwidth < imheight) { 
 
    $('#jspp').css('width', '100px'); 
 
    } else { 
 
    $('#jspp').css('height', '100px'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <img id="jspp" src="http://via.placeholder.com/350x150"> 
 
</div>

Deux choses étaient mal dans votre code.

Manquant ) à la fin de document.ready
Affectation de 100px en largeur hauteur &.

Espérons que cela vous aidera.

Source

2017-10-16 16:53:41 Shiladitya

Redimensionner une image en utilisant JavaScript/jQuery

Répondre

Questions connexes