展示了使用jQuery滑塊

Question

圖片中的文字我實現了easySlider這裏http://cssglobe.com/lab/easyslider1.7/02.html ，現在我要顯示這樣http://themeforest.net/item/community-innovation/full_screen_preview/101572

一些文字上的圖像我看到兩個不同的插件，但我想用easySlider插件並顯示文本。我嘗試了一些東西，如獲取替代文字並在圖像上顯示，但沒有成功。有什麼想法嗎？

問候

Answer 1

你需要用文本元素每個圖像後，像這樣的：通過爲<li>的position屬性設置爲relative與CSS

<li> 
    <img src="[whatever]"/> 
    <div>Here comes my text</div> 
</li> 

然後位置，absolute爲<div>保存您的文本，具有top/right/bottom/left屬性，具體取決於您的設計。

#slider li { position: relative; } 
#slider div { left: 10px; right: 10px; bottom: 10px; position: absolute; } 

注意：如果你想IE6的支持，使用left/right + width屬性爲<div>在你的CSS，而不是left + right。的

Answer 2

而不是使用<li>可以使用<p>和<span>文本，使代碼將是：

<p><img src=""/><span>Here the text</span></p> 

這樣的代碼將是有效的:)