JSSOR 滑块编号项目符号列表

Question

我使用的是 Jssor 滑块，默认情况下工作正常。但我不使用项目符号图像。是否可以使用数字而不是项目符号图像？我的子弹参数是u="navigator"

提前致谢

Answer 1

打开'skin\bullet-01.source.html'，子弹导航如下图，

<!-- Bullet Navigator Skin Begin -->
<!-- jssor slider bullet navigator skin 01 -->
<style>
    /* bullet css here */
</style>
<!-- bullet navigator container -->
<div u="navigator" class="jssorb01" style="position: absolute; bottom: 16px; right: 10px;">
    <!-- bullet navigator item prototype -->
    <div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"></div>
</div>
<!-- Bullet Navigator Skin End -->

要在项目符号中添加数字，您可以在 'prototype' 元素中插入 <div u="numbertemplate"></div>。

<!-- Bullet Navigator Skin Begin -->
<!-- jssor slider bullet navigator skin 01 -->
<style>
    /* bullet css here */
</style>
<!-- bullet navigator container -->
<div u="navigator" class="jssorb01" style="position: absolute; bottom: 16px; right: 10px;">
    <!-- bullet navigator item prototype -->
    <div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"><div u="numbertemplate"></div></div>
</div>
<!-- Bullet Navigator Skin End -->

然后您可以修改 css 来更改 bullet/number 的外观。

JSSOR 滑块编号项目符号列表

JSSOR Slider Number Bullet List

slider

jssor