jQuery Girl
  1. jQuery Girl
  3. comment obtenir une image largeur et hauteur réelles
Intereting Posts
JQUERY: redimensionner div en largeur de fenêtre Comment procéderiez-vous pour exécuter une requête de firebase database en fonction de la valeur d’un élément de sélection de formulaire? Puis-je compresser des données en JavaScript? jquery $ .ajax ne fonctionne pas dans firefox contre des rails (réponse 406) (fonctionne en chrome et IE) Ajout dynamic d’un gestionnaire de clics dans jQuery jQuery remplaçant «small-caps» – Le contenu duplique le code HTML entre les balises Comparer deux tableaux et obtenir les valeurs non dupliquées (non uniques) mandFields .css n’est pas une fonction Line 6 CasperJS, Page Stuck sur l’écran de chargement Afficher et masquer les div à un intervalle de temps spécifique à l’aide de jQuery, mais arrêter le dernier div Changer la balise #hash en lien lors du chargement de la page Knockoutjs, curseur mobile jQuery Le succès d’aJax de JQuery a été déclenché deux fois, à cause du rappel .done Masquer / afficher les divs lors de l’impression sur une imprimante Comment passer un object jQuery en tant que paramètre dans jqGrid à l’aide de l’espace de noms lib.web.mvc

comment obtenir une image largeur et hauteur réelles

Dupliquer possible:
Obtenir une image réelle en largeur et en hauteur avec JavaScript dans Safari / Chrome?

Existe-t-il un moyen de connaître la largeur et la hauteur réelles d’une image à l’aide de jQuery lorsque l’image est réduite en css – sans aucune donnée supplémentaire de dimensions – tout exemple de lien ou de code serait utile, merci

Essayez d’utiliser naturalWidth et naturalHeight . 

 var domElement = $('yourImage')[0]; // or document.getElementById('yourImageId'); domElement.naturalWidth domElement.naturalHeight

Essayez quelque chose comme ça: 

 $("").attr("src", imgSrc).load(function() { pic_real_width = this.width; pic_real_height = this.height; });

Le fait est que vous ne pouvez accéder à l’image réelle en largeur et en hauteur que lorsque l’image est chargée. Vous pouvez également charger l’image sans conteneur à un endroit où vous ne pouvez pas la voir et demander (“img”). Css (‘width ‘), mais je pense que c’est une façon plus élégante de le faire. J’espère que c’est utile.