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

Question

我正在使用 jssor。我目前有一个带有 thumbnails 和 arrows.

的滑块

我想保留 2 个箭头而不是图像，以显示文本并且只显示 一个与图像相关的标签文本 . 类似于以下内容：

这可以从 jssor 内部实现吗？

更新说明

我有6张滑动图片，我想在每张图片上显示一个图片标签。如果我尝试：

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

它放了6个文字，我只想显示当前图片的文字。

Answer 1

绝对是！

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

您可以使用

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

此外，您可以使用任何 html 代码，如下所示。

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

请继续努力，如果还有问题，post您可以在这里提问。

Answer 2

实现目标的两种方法，

使用文本格式的缩略图导航器。

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

在每张幻灯片中添加内容元素。

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

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

JSSOR display label of current image as thumbnail

javascript

jquery

jssor

更新说明