jquery 图片的宽为可视窗口的宽 等比缩放如何计算出图片的高

代码如下：

$(document)ready(function(){

// 先取得原大小，加载时获取

$("#IMG")load(function(){

_imgW = thiswidth;

_imgH = thisheight;

// alert(_imgW);

// alert(_imgH);

ImgResize();

});

});

function ImgResize(){

// 再取得可视窗口的宽

var WT = $(window)width();

// 按照宽高比算出调整后的高度

var resizeH = (WT  _imgH) / _imgW;

// 将新的尺寸赋予

$("#IMG")css({width:WT,height:resizeH});

}

// 浏览器调整窗口大小时重新计算

$(window)resize(function(){

ImgResize()

});

HTML:

<div class="test_w"><img src="images/01jpg" /></div>

JQuery:

$("test_w img")click(function(){

alert($(this)width());

})

为了测试我直接用click动作看能否取得宽度，测试可以得到正常的宽度。

另外，要是程序从后台读取的话，建议把JQuery代码放到内容后面，取不到宽高大小可能是JQ运行了，但内容里没有产生的。

希望我的回答对你有帮助。

你说的大小是什么意思，是kb或者MB的大小，还是宽度和高度的大小，表达清楚。

如果说获取尺寸，重量的话，还是后台语言更给力，比如PHP，只需要open一个文件，就能返回一组信息，包含了这些东西

jqObjwidth();//获取宽度，该宽度不包含border（左右）和padding（左右）所占大小

jqObjouterWidth();//也是获取宽度，该宽度包含border（左右）和padding（左右）所占大小

//高度同理，jqObjheight() 和 jqObjouterHeight();

//比如有下面这样一个div

<div id="box" style="width:15px; height:15px; border:solid 5px #ccc; padding:3px; ">

</div>

var jqObj = $("#box");

jqObjwidth(); //结果为 15;

jqObjouterWidth(); //结果为  15 + 10 + 6; 

//15为width,10为border-width左右的尺寸,6为padding左右的尺寸

以上就是关于jquery 图片的宽为可视窗口的宽 等比缩放如何计算出图片的高全部的内容，包括:jquery 图片的宽为可视窗口的宽 等比缩放如何计算出图片的高、怎样用JQuery改变已经加载完毕并显示在页面上的图片的大小、jQuery怎么获取图片的大小，要兼容所有浏览器的！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！