我正在使用jssor。我目前有一个带有缩略图和箭头的滑块。
我想保留2个箭头,而不是图像,以显示文本,并且仅显示与图像相关的一个标签文本。
如下所示:
这可以在jssor内实现吗?
我有6个正在滑动的图像,我想在每个图像上显示一个图像标签。如果我尝试:
<div u="thumb">your text</div>
它放了6个文本,我只想显示当前图像的文本。
答案 0 :(得分:1)
实现目标的两种方法,
以文本格式使用缩略图导航器。
示例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>
答案 1 :(得分:0)
肯定是!
缩略图不仅仅是图像,它可以是一切。
您可以使用
<img u="thumb" ... />
此外,您可以使用下面的任何HTML代码。
<div u="thumb">your text</div>
请继续使用,如果仍有问题,请在此处发布您的问题。