Jquery 设置高度后如何获取图像的宽度
我已经将图像的高度设置为100px(css)。 宽度是自动设置的,以保持图像的比例,但是如果我没有自己专门设置宽度,那么如何使用jquery/js获得宽度呢 这就是我所尝试的:Jquery 设置高度后如何获取图像的宽度,jquery,html,css,width,Jquery,Html,Css,Width,我已经将图像的高度设置为100px(css)。 宽度是自动设置的,以保持图像的比例,但是如果我没有自己专门设置宽度,那么如何使用jquery/js获得宽度呢 这就是我所尝试的: 1) $(this).width(); 2) $(this).css("width"); 两者都不起作用,有什么想法吗?请使用clientWidth var width=document.getElementById('imageid').clientWidth; 请使用clientWidth var width=
1) $(this).width();
2) $(this).css("width");
两者都不起作用,有什么想法吗?请使用clientWidth
var width=document.getElementById('imageid').clientWidth;
请使用clientWidth
var width=document.getElementById('imageid').clientWidth;
最好的方法是使用数学,并计算它,如果你正在挣扎
mynewwidth = ( $(this).width() / $(this).height() ) * mynewheight;
但不管怎样它都应该有用看看我的小提琴
最好的方法是使用数学,并计算它,如果你正在挣扎
mynewwidth = ( $(this).width() / $(this).height() ) * mynewheight;
但不管怎样它都应该有用看看我的小提琴
尝试使用以下方法:
$(window).on('load', function() {
var x = 0;
$("img").each(function () {
x += $(this).width();
});
alert(x);
});
小提琴:试着用这个:
$(window).on('load', function() {
var x = 0;
$("img").each(function () {
x += $(this).width();
});
alert(x);
});
Fiddle:两者都应该可以工作,你说的“不工作”是什么意思?请用JSFIDLE或类似的语言提供你的代码。目前,我们无法帮助您,因为这两种方法都应该工作var x=0$(.img”).each(函数(){x+=$(this.width();});警报(x)//////x打印为0它似乎对我有效:我使用的是“文档就绪”而不是“加载”,因此在填充图片之前它显示为0,我想这是我的问题,谢谢。两者都应该有效,你说“不工作”是什么意思?请用JSFIDLE或类似的方式提供你的代码。目前,我们无法帮助您,因为这两种方法都应该工作var x=0$(.img”).each(函数(){x+=$(this.width();});警报(x)//////x打印为0,这似乎对我很有用:我使用的是document ready,而不是on load,因此在填充图片之前它显示为0,我想这是我的问题,谢谢。我使用$(document)获取图像的宽度。在图像加载到屏幕之前就准备好了。Document.on(load)是正确的,谢谢。我是用$(Document.ready)在图像加载到屏幕之前获取图像宽度的。文件。加载正确,谢谢