Question

CSS设置图片大小JS怎么获取？

img{height:200px;width:200px};
设置这样一条样式。然后用JS读取图片高和宽的话全部都是200.怎么才能不受这个样式的影响用JS获取到图片原来的高宽呢？

Answer 1

img{height:200px;width:200px};

<img src="Logo.gif" width="200px" height="200px" onclick="ShowIt(this)" />

function ShowIt(img) {
var realImg = document.createElement("img");
realImg.src = img.src;
alert(realImg.width + ", " + realImg.height);
}

Answer 2

假设图片是<img />，图片的宽度为width，高度为height

var width = $("img").width();
var height = $("img").height();

Answer 3

function PreviewImg(imgpath){
var image=new Image();
image.src=imgpath;
alert(image.width);
alert(image.height)
}