JSSOR 滑块编号项目符号列表答案

【问题标题】：JSSOR Slider Number Bullet ListJSSOR 滑块编号项目符号列表
【发布时间】：2015-03-05 14:08:01
【问题描述】：

我正在使用 Jssor 滑块，默认情况下可以正常工作。但我不使用子弹图像。那可能是使用编号而不是子弹图像吗？我的子弹参数是 u="navigator"

提前致谢

【问题讨论】：

【解决方案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 -->

要在项目符号中添加数字，您可以在“原型”元素中插入<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 以更改项目符号/编号的外观。

【讨论】：