Question

I’m loading an image using jquery:

var myImg = new Image();

$(myImg).load(function(){
    console.log("image dimensions:"); // what should I put here ?
}).attr("src", "/path/toImg/");

When the img is loaded, is there a way to get it’s width and height ?
Notice that the problem is that I want to have this info BEFORE the img is appended to the body.

Answer 1

it should just be:

$(myImg).load(function(){
    var w = this.width;
    var h = this.height;
    ...
}).attr("src", "/path/toImg/");

Demo at http://jsfiddle.net/alnitak/c4JJf/