2012-07-31 65 views
0

我正在帮助公司将一些Flash幻灯片和地图转换为适用于所有平台的jQuery演示文稿。添加绝对定位的标题幻灯片,jQuery插件?

上一个开发人员使用jqBanner插件为显示底部的半透明层提供字幕,并因此遭到解雇。根据照片的不同,原始Flash将这些标题定位在各个位置

我的问题是,是否有一个jQuery插件支持定位字幕多个位置或哪个将是一个很好的起点修改?重申 - 我希望找到的是幻灯片,可以轻松地指定每个标题的位置,并分别与幻灯片播放时间一起分配。

回答

1

给容器的图像/内容的位置“相对”,当追加/添加停留在该容器,并给它一个绝对的位置,你可以将它放置在任何地方,但最初的约束将基于父元素定位

<div style="position:realitive" id="main_wrap"> 
    <img src="img.jpg"> 
    <div style="position:absolute;top:10px;left:50px;z-index:10;">Text</div> 
</div> 

为一个简单的例子。当然,因为你这样做幻灯的风格,我会用一个无序列表,在列表中的每个孩子包含所需图像替换图像,然后我会旋转通过那些类似于这种方法,我帮助了一个人早些时候http://jsfiddle.net/BsREB/

然后用jQuery,JavaScript,无论如何,你可以根据你的愿望动态地改变停留的文本和位置..

+0

感谢您的回复。我熟悉如何使用CSS定位元素。我希望找到的是一个幻灯片演示,可以很容易地分别指定每个标题的位置,并随幻灯片播放时间一起移动。 – jerrygarciuh 2012-07-31 21:17:51

+0

带有一个我链接到的jsfiddle的小配置,在每次转换时,您都可以将新位置应用于停留并更改文本。我目前不知道任何现有的插件能够完成你想要的功能,几乎所有你会发现的东西都可能需要某种形式的茶叶或其他形式。我可能不是一个绝对的答案,但它是最容易加入以满足任何给定事物的需求的最核心形式,每个人都会说...谁知道,我一直想要创造一些东西来释放,也许开始不好与幻灯片放映与选择像你寻求。 – chris 2012-07-31 21:20:31

+0

我想我明白你的观点。那不会是一个糟糕的出发点。我想从一个工作幻灯片开始,但也许我可以添加字幕来并行运行。 – jerrygarciuh 2012-07-31 21:47:41