添加絕對定位的標題幻燈片，jQuery插件？

我正在幫助公司將一些Flash幻燈片和地圖轉換爲適用於所有平臺的jQuery演示文稿。添加絕對定位的標題幻燈片，jQuery插件？

上一個開發人員使用jqBanner插件爲顯示底部的半透明層提供字幕，並因此遭到解僱。根據照片的不同，原始Flash將這些標題定位在各個位置。

我的問題是，是否有一個jQuery插件支持定位字幕多個位置或哪個將是一個很好的起點修改？重申 - 我希望找到的是幻燈片，可以輕鬆地指定每個標題的位置，並分別與幻燈片播放時間一起分配。

2012-07-31 jerrygarciuh

給容器的圖像/內容的位置「相對」，當追加/添加停留在該容器，並給它一個絕對的位置，你可以將它放置在任何地方，但最初的約束將基於父元素定位

<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，無論如何，你可以根據你的願望動態地改變停留的文本和位置..

來源

2012-07-31 21:11:52 chris

感謝您的回覆。我熟悉如何使用CSS定位元素。我希望找到的是一個幻燈片演示，可以很容易地分別指定每個標題的位置，並隨幻燈片播放時間一起移動。 – jerrygarciuh 2012-07-31 21:17:51

帶有一個我鏈接到的jsfiddle的小配置，在每次轉換時，您都可以將新位置應用於停留並更改文本。我目前不知道任何現有的插件能夠完成你想要的功能，幾乎所有你會發現的東西都可能需要某種形式的茶葉或其他形式。我可能不是一個絕對的答案，但它是最容易加入以滿足任何給定事物的需求的最核心形式，每個人都會說...誰知道，我一直想要創造一些東西來釋放，也許開始不好與幻燈片放映與選擇像你尋求。 – chris 2012-07-31 21:20:31

我想我明白你的觀點。那不會是一個糟糕的出發點。我想從一個工作幻燈片開始，但也許我可以添加字幕來並行運行。 – jerrygarciuh 2012-07-31 21:47:41

添加絕對定位的標題幻燈片，jQuery插件？

回答

相關問題