jQuery Girl
  1. jQuery Girl
  3. Obtenir les vraies dimensions d’une image avec JQuery
Intereting Posts
Dynamic Jquery Splitter Plugin détecter le survol de l’option de sélection dans tous les navigateurs Pouvez-vous faire un “ET” sur un sélecteur jQuery pour cibler plusieurs boutons? La définition des membres de l’object à l’aide de la fonction échoue Rails 3 – Édition best_in_place Détecter les mouvements gauche et droit de la souris et aucun mouvement Quel est le meilleur atsortingbut HTML à utiliser pour stocker les informations que jQuery doit parsingr? Remplir un formulaire HTML avec des données enregistrées sur le stockage local Chaîne de requête jQuery étrange ajoutée Chargement du script à partir du fichier .js JQuery: faire face à une réponse JSON? Construire une barre de progression pour tout charger avant l’affichage Accordéon jQuery pour plusieurs listes nestedes Comment puis-je exécuter une fonction à une heure et une date spécifiques? Comment prévisualiser une image avant de la télécharger dans jQuery

Obtenir les vraies dimensions d’une image avec JQuery

À partir d’une liste de chemins d’image, comment puis-je les parcourir et trouver les dimensions réelles de l’image? Je suppose que je dois les insérer dans le DOM sans propriétés de largeur ou de hauteur et faire un .width et une hauteur sur eux? 

var paths = ['/path/image.png', 'somewhere/page.jpg']; $.each(paths, function(i, path) { var img = new Image(); $(img).load(function() { var width = img.width, height = img.height; alert(width + ' × ' + height); }); img.src = path; });

Voir sur jsFiddle .