读书人

js怎么获取图片高度和宽度

发布时间: 2013-06-25 23:45:42 作者: rapoo

js如何获取图片高度和宽度?


你说中文吧,
$(document).ready(function () {
$('#tab1 img').each(function () {

AutoResizeImage(this);


})
});
function AutoResizeImage(objImg) {
var img = new Image();
img.src = objImg.src;
document.body.appendChild(img);
// alert(img.src);
w = img.offsetWidth;
h = img.offsetHeight;
alert(w);
alert(h);
}


img没放dom里面啊

[解决办法]
var img = new Image();
img.src = objImg.src;
img.onload = function(){
alert('width = ' + this.width + ' , height =' + this.height);
}
[解决办法]
原因3楼说的很清楚了
[解决办法]
网页加载的过程是这样的,首先加载的是document文档。也就是HTML,以及包含的js文件、css文件。加载完毕之后,才会继续加载各个图片,每个图片相当于一个单独的请求。所以当document的ready的时候,也就是加载完成的时候,图片可是还没有加载完成,是刚刚准备加载。此时你当然得不到图片的尺寸了。当image的load或者onreadystatechange事件,可以处理判断,得到image的尺寸。 上面已经有兄弟说的很明白了,仔细看看吧

读书人网 >JavaScript

热点推荐