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

Question

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

<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]）函数会给你一个图像的高度和宽度。所有你需要做的就是给图像的文件名的函数，它会返回一个数组的高度，宽度和图像类型。

有一个使用它的例子here和php.net文档here。

Answer 2

你不能只使用背景图像。说到这一点，你可能会得到背景图片的URL，然后用该img创建一个dom元素/ img标签，将它从屏幕左侧放置，获取尺寸，然后销毁它。