2015-04-03 110 views
0

我使用的是jssor。我目前有一个带有缩略图的滑块箭头JSSOR当前图像的缩略图显示标签

我想保留2个箭头,但不是图像,要显示文本,只有一个标签文本与图像相关。 类似以下内容:
jssor-text-label

可以这样从内部jssor实现?

更新的描述

我有6倍的图像被滑动,我想在每个图像上显示一个图像的标签。如果我尝试:

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

它放6个文本,我只想显示当前图像的文本只。

回答

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

是的!

缩略图不仅是图像,它可以是一切。

您可以使用

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

而且还可以使用任何HTML代码如下图所示。

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

请尽情发挥,如果仍有问题,请在此发布您的问题。

+0

谢谢,我也尝试已经,请查看我的更新说明 – shadesco 2015-04-03 23:57:50