find Image correct width and height

Question

now i get the image's width and height when onload function of img . my problem is, the image original width = 500px but document.getElementId(id).offsetWidth gives only 300px and also for height. Please help me how can i get original width and height of image

Answer 1

At least Gecko- (Firefox) and WebKit-based (Safari, Chrome) browsers should implement properties naturalWidth and naturalHeight for image elements:

var image = document.getElementById("imageid");
if (image.naturalHeight === undefined) {
  alert("Your browser doesn't support this example!");
} else {
  var message = "The original size of the image:";
  message += "\n height: " + image.naturalHeight + "px";
  message += "\n width: " + image.naturalWidth + "px";
  alert(message);

}

Answer 2

sorry my browser doesn't support with naturalHeight and naturalWidth..