首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-06-25 
js如何获取图片高度和宽度?你说中文吧,$(document).ready(function () {$(#tab1 img).each(function ()

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的尺寸。 上面已经有兄弟说的很明白了,仔细看看吧

热点排行