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

Question

我正在为一个剧院网站构建一个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或jquery)，并以某种方式将其存储在脚本中，jquery可以得到它，并将其随机化。我试图实现的是背景图像的随机定位，但我需要知道图像有多大，这样它就不会以任何方式显示元素的背景。

此外，它将是很好的随机动画背景图像，就像某种肯烧伤的效果。但是我想我知道如何用动画()来达到这个目的。

希望有人能帮上忙！谢谢丹。

Answer 1

在PHP中，getimagesize(Filename)函数将给出图像的高度和宽度。您所要做的就是给函数图像的文件名，它将返回一个数组的高度，宽度和图像类型。

有一个使用这里和php.net文档这里的例子。

Answer 2

你不能只用背景图像来做。这样，您可能可以获得背景图像url，然后使用该img创建dom元素/ img标记，将其放置在屏幕左侧，获取它的尺寸，然后销毁它。