JSSOR显示当前图像的标签作为缩略图

时间:2015-04-03 14:05:19

标签: javascript jquery jssor

我正在使用jssor。我目前有一个带有缩略图箭头的滑块。

我想保留2个箭头,而不是图像,以显示文本,并且仅显示与图像相关的一个标签文本。 如下所示:
jssor-text-label

这可以在jssor内实现吗?

更新说明

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

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

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

2 个答案:

答案 0 :(得分: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>
    

答案 1 :(得分:0)

肯定是!

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

您可以使用

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

此外,您可以使用下面的任何HTML代码。

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

请继续使用,如果仍有问题,请在此处发布您的问题。