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

Question

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

我想保留 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>