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

时间:2010-01-15 16:22:39

标签: php jquery html css

我正在为一个剧院网站建立一个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()

实现这一目标

希望有人可以在这里帮忙!谢谢,丹。

2 个答案:

答案 0 :(得分:1)

你不能只使用背景图像。话虽如此,您可能会获得背景图像网址,然后使用该图像创建一个dom元素/ img标记,将其从屏幕左侧放置,获取其尺寸,然后销毁它。

答案 1 :(得分:0)

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

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