javascript - automatically show image dimensions (Height and Width) in a HTML 'p' tag - JavaScript

Question

I'm new with javaScript and I'm having trouble with this mixed code segment that I got off a couple of sites.

<script type='text/javascript'>

var img = new Image();
img.onload = function() {
$("ph&W").text(this.width + 'x' + this.height);
}
img.src = ("#hi");

</script>

Could you please correct this code segment, i'm sure it will help others to come :) Thanks.

Answer 1

Javascript：

var img = new Image();
img.onload = function() {
  $("#phW").html(this.width + 'x' + this.height);
}
img.src = ("http://www.google.com/images/logo.png");

HTML：

<p id="phW"></p>​

演示：http: //jsfiddle.net/LBkXA/