繁体   English   中英

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

[英]JSSOR display label of current image as thumbnail

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

我想保留2个箭头而不是图像,以显示文本和与该图像相关的一个标签文本 类似于以下内容:
jssor文本标签

可以从jssor内部实现吗?

更新说明

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

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

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

达到目标的两种方法,

  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> 

当然是!

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

您可以使用

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

而且,您可以使用以下任何html代码。

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM