JSSOR display label of current image as thumbnail

Question

I am using jssor. I currently have a slider with thumbnails and arrows.

I would like to keep the 2 arrows but instead of images, to display text and only one label text related to the image. Something like the following:

Can this be achieved from within jssor?

UPDATED description

I have 6 images that are sliding, I want to display one image label on each image. If i try :

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

it puts 6 texts , i only want to show the text of the current image only.

Answer 1

two approaches to reach your goal,

1. Use thumbnail navigator in text format.

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

2. Add content element in each individual slide.

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