jQuery Girl
  1. jQuery Girl
  3. Obtenir la largeur et la hauteur de l’image avec jQuery
Intereting Posts
Appel de la méthode côté serveur java à l’aide de jquery jQuery ui datepicker conflit avec bootstrap datepicker Cacher les divs parents dans Jquery Obtenir l’ID du dernier clic sur lequel vous avez cliqué – jQuery Comment accéder à l’ID de grid parent de la sous-grid dans jqgrid Comment puis-je obtenir cet effet avec jQuery Comment puis-je désactiver tous les boutons et liens de ma page tout en laissant la publication se dérouler? Existe-t-il un moyen plus sophistiqué d’obtenir un élément précédent avec la même classe? Comment définir le premier jour et les premières semaines pour Bootstrap Datepicker Obtenir la hauteur d’un élément créé dynamicment Changer le style / la police des lignes d’un groupe dans jqGrid jQGrid – “jpg1” au lieu du numéro d’identification approprié jQuery autocomplete plugin – fonction de surbrillance personnalisée Comment puis-je boucler une galerie horizontale à l’aide de jQuery? Utilisation de JQuery Datepicker pour afficher uniquement les mois

Obtenir la largeur et la hauteur de l’image avec jQuery

J’ai un code très simple, qui fonctionnait ennuyeusement et pour la vie de moi je ne vois pas pourquoi il échoue maintenant 

function imageSize(img){ var theImage = new Image(); theImage.src = img.attr('src'); var imgwidth = theImage.width; var imgheight = theImage.height; alert(imgwidth+'-'+imgheight); }

La variable “img” transmise est l’object img, obtenu à partir de: 

 jQuery('img') .each(function(){ var imgsrc = jQuery(this); imageSize(imgsrc); });

L’image n’est peut-être pas encore chargée. Alors, essayez (non testé): 

 function imageSize(img){ var theImage = new Image(); $(theImage).load(function() { var imgwidth = this.width; var imgheight = this.height; alert(imgwidth+'-'+imgheight); }); theImage.src = img.attr('src'); }

Ok – la réponse précédente que je donnais était invalide quand je l’ai testée sur jsFiddle – j’ai créé ce qui fait ce que tu veux? Avez-vous besoin de la partie “nouvelle Image ()”? http://jsfiddle.net/R89Qr/3/ – a donné aux images des dimensions codées en dur …

J’ai légèrement changé votre code, de sorte qu’il fasse ceci: 

  function imageSize(img){ var theImage = new Image(); // ignoring this part when checking the image width/height theImage.src = img.attr('src'); var imgwidth = $(img).width(); var imgheight = $(img).height(); alert(imgwidth+'-'+imgheight); } $('img').each(function(){ var imgsrc = jQuery(this); imageSize(imgsrc); });

Vous devez attendre jusqu’à ce que votre image soit chargée, puis accédez à ses tailles: 

 function imageSize(img){ var theImage = new Image(); theImage.onload = function(){ var imgwidth = theImage.width; var imgheight = theImage.height; alert(imgwidth+'-'+imgheight); } theImage.src = img.attr('src'); }