如何在jquery中获取图像大小

Question

我有一个简单的图片库，图片大小不同。我将获得当前图像的宽度，并使用jquery将其分配给它的父div，但我似乎无法让它工作。谢谢你的帮助。

var imgWidth = $("#image").width();
$("#gallery").css({ width : imgWidth });

示例HTML：

<div id="gallery">
 <img src="123.jpg" id="image" />
</div>

Answer 1

您的代码似乎没问题。但是，当图像尚未加载时，您可能正在尝试。在这种情况下，$(document).ready 无济于事。 试试这个：

$(window).load(function(){
  var imgWidth = $("#image").width();
  $("#gallery").width(imgWidth);
});

希望这会有所帮助。干杯

Answer 2

您需要指定“px”

像这样：

var imgWidth = $("#image").width();
$("#gallery").css({ width : imgWidth+"px" });

假设在执行javascript时加载了图像，这应该可以正常工作。如果不是，您必须将此代码放在$(window).load(function(){});内，如Edgar所说，或者甚至可能是$("#image").load(function(){});。

Answer 3

你要为此而踢自己......

你的jsfiddle设置为使用mootools而不是jQuery。

这是一个有效的更新link