2014-03-06 103 views
0

我正在使用jcarousel。我無法將說明添加到滑塊中的照片。如何向JCarousel添加描述

<div id="jcarousel"> 
    <ul id="mycarousel" class="jcarousel-skin-tango"> 
     <li> 
      <img src="images/about_img1.jpg"/> 
     </li>     
    </ul> 
</div> 
+0

你能更具體嗎?你想在哪裏添加描述?去照片?或者在滑塊上方(這可以通過純HTML完成),或者在哪裏? – Asped

+0

您可以在jCarousel容器之後創建div,並在jQuery中更改下一個和上一個按鈕單擊回調函數的div的內容。 –

回答

1

您可以在jCarousel容器之後創建一個div,並在jQuery中更改下一個和上一個按鈕單擊回調函數的div的內容。檢查:

<div id="jcarousel"> 
    <ul id="mycarousel" class="jcarousel-skin-tango"> 
     <li> 
      <img src="images/about_img1.jpg"/> 
     </li>     
    </ul> 
</div> 
<div id="description"> 
    <label id="caption">First image</label> 
</div> 

在jQuery代碼:

保持一個數據結構,說陣列的所有字幕。並根據顯示的圖像更改標題。

希望這會有所幫助。

+0

以及如何根據所選圖像更改標題?我們可以在這裏爲活動圖像提供替代文字嗎? – Steve

+0

@Steve參考[this](http://stackoverflow.com/a/23001982/1777090):) –