JSSOR當前圖像的縮略圖顯示標籤

Question

我使用的是jssor。我目前有一個帶有縮略圖的滑塊和箭頭。

我想保留2個箭頭，但不是圖像，要顯示文本，只有一個標籤文本與圖像相關。 類似以下內容：

可以這樣從內部jssor實現？

更新的描述

我有6倍的圖像被滑動，我想在每個圖像上顯示一個圖像的標籤。如果我嘗試：

<div u="thumb">your text</div> 

它放6個文本，我只想顯示當前圖像的文本只。

Answer 1

兩種方法來達到自己的目標，以文本格式

1. 使用縮略圖導航。

   實施例1：http://www.jssor.com/skin/thumbnail-09.source.html
   實施例2：http://www.jssor.com/skin/thumbnail-10.source.html

2. 添加內容元素中的每個單獨的幻燈片。

   <div u="slides" ...> 
       <div> 
        <img u="image" .../> 
        <div style="position: absolute; bottom: 0px; left: 0px; width: 600px; height: 30px; color: #fff; background-color: #000; line-height: 30px;"> 
         your text 1 
        </div> 
       </div> 
       <div> 
        <img u="image" .../> 
        <div style="position: absolute; bottom: 0px; left: 0px; width: 600px; height: 30px; color: #fff; background-color: #000; line-height: 30px;"> 
         your text 2 
        </div> 
       </div> 
   </div> 
   

Answer 2

是的！

縮略圖不僅是圖像，它可以是一切。

您可以使用

<img u="thumb" ... /> 

而且還可以使用任何HTML代碼如下圖所示。

<div u="thumb">your text</div> 

請盡情發揮，如果仍有問題，請在此發佈您的問題。