jquery - 添加绝对定位的标题到幻灯片- jQuery 插件？

Question

我正在帮助一家公司将一些 Flash 幻灯片和 map 转换为适用于所有平台的 jQuery 演示文稿。

以前的开发人员使用 jqBanner 插件在节目底部的半透明层上提供字幕，并因此被解雇。原始 Flash 将这些标题放置在不同位置，具体取决于照片。

我的问题是，是否有支持在多个位置 定位字幕的 jQuery 插件，或者哪个是修改的良好起点？重申一下——我希望找到的是一个幻灯片，它可以很容易地分别为每个字幕指定位置，并及时与幻灯片切换。

Answer 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>

举个简单的例子...当然，因为你做的是幻灯片放映风格，我会用一个无序列表替换图像，列表中的每个 child 都包含你想要的图像，然后我会轮流浏览那些类似的对于这种方法，我帮助某人解决了早期的问题 http://jsfiddle.net/BsREB/

然后使用 jQuery、javascript 等，您可以根据需要动态更改停留文本和位置..