Obtention de cotes depuis background-image en utilisant jQuery

Question

Je charge une image d'arrière-plan dans un div. Est-il possible d'obtenir les dimensions de cette image?

J'essaye de faire une fonction qui remplacera le texte avec des images à la volée, pour l'usage dans le menu.

$.fn.MenuImages = function() { 
    return this.each(function(i) { 
    var name = $(this).find('a').attr('title'); 
    $(this).css("background-image","url(images/menu-"+name+"-h.png)"); 
    }); 
}; 

Le problème est que les images n'ont pas toutes la même taille. Je ne suis pas sûr de savoir comment lire les dimensions du fichier, sauf si je le charge dans un div caché ou quelque chose, mais cela semble si sale. Des recommandations? Merci!

fixe:

$.fn.MenuImages = function() { 
return this.each(function(i) { 
    var link = $(this).find('a'); 
    var name = link.attr('title'); 
    link.html("<img src='images/menu-"+name+"-h.png' />"); 
}); 

};

Answer 1

​$('<img src='images/menu-"+name+"-h.png' />')​.attr('src',function(){ 
    return $('body').css('background-image'); 
})​​​.load(function(){ 
    w = $(this).width(); 
    h = $(this).height(); 
})​; 

Ceci attend que l'image soit chargée pour saisir la hauteur d largeur.

Answer 2

var img=new Image(); 
img.onload=function(){ 
    alert(img.width); 
    alert(img.height); 
}; 
img.src="image.png"; 

Answer 3

Jquery

w = $("img").width(); 
h = $("img").height(); 

Ruby

IO.read('image.png')[0x10..0x18].unpack('NN') 

Cela donne un tableau [largeur, hauteur] que vous pouvez extraire une [0] pour la largeur etc ...