我正在为一个剧院网站建立一个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()
实现这一目标希望有人可以在这里帮忙!谢谢,丹。