获取用作 CSS 背景的图像的图像宽度和高度答案

【问题标题】：Getting image width and height of an image being used as a CSS background获取用作 CSS 背景的图像的图像宽度和高度
【发布时间】：2010-01-15 16:22:39
【问题描述】：

我正在为一个剧院网站构建一个 jquery 幻灯片轮播，它用于显示该剧院最近 5 场演出的标题和相关照片。节目和为他们上传的照片的 URL 从数据库中加载，并插入到以下结构中：

<div id="slideshow_outercontainer"> <ul id="carousel">
<!-- This is where the <li>s are generated from the database using the photo's url
as a  CSSbackground image -->
</ul> </div>

然后将关联的控件放在下面。

我需要知道的是： 我如何获取每个图像的高度和宽度（使用 php OR jquery），并以某种方式将其存储在脚本中，以便 jquery 可以获取它，并将其随机化。我想要实现的是背景图像的随机定位，但我需要知道图像有多大，这样它就不会以任何会暴露元素背景的方式定位自己。

此外，随机地为背景图像设置动画效果会很好，例如某种 ken burns 效果。但我想我知道如何使用 animate() 实现这一目标

希望有人可以在这里提供帮助！谢谢，丹。

【问题讨论】：

标签： php jquery html css

【解决方案1】：

你不能只使用背景图片来做到这一点。话虽如此，您可能可以获取背景图片 url，然后使用该 img 创建一个 dom 元素/img 标签，将其放置在屏幕左侧，获取它的尺寸，然后销毁它。

【讨论】：

【解决方案2】：

在 PHP 中，getimagesize([Filename]) 函数将为您提供图像的高度和宽度。您所要做的就是给函数提供图像的文件名，它会返回一个包含高度、宽度和图像类型的数组。

有一个使用它的示例here，以及 php.net 文档here。

【讨论】：

谢谢，现在尝试一下，并使用列表项的 rel 属性来存储 jQuery 提取的数据。