JSSOR当前图像的缩略图显示标签
问题描述:
我使用的是jssor。我目前有一个带有缩略图的滑块和箭头。JSSOR当前图像的缩略图显示标签
我想保留2个箭头,但不是图像,要显示文本,只有一个标签文本与图像相关。 类似以下内容:
可以这样从内部jssor实现?
更新的描述
我有6倍的图像被滑动,我想在每个图像上显示一个图像的标签。如果我尝试:
<div u="thumb">your text</div>
它放6个文本,我只想显示当前图像的文本只。
答
两种方法来达到自己的目标,以文本格式
-
使用缩略图导航。
实施例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>
答
是的!
缩略图不仅是图像,它可以是一切。
您可以使用
<img u="thumb" ... />
而且还可以使用任何HTML代码如下图所示。
<div u="thumb">your text</div>
请尽情发挥,如果仍有问题,请在此发布您的问题。
谢谢,我也尝试已经,请查看我的更新说明 – shadesco 2015-04-03 23:57:50