Question

我正在使用Jssor滑块，默认工作正常。但我不会使用子弹图像。这可能是使用数字而不是子弹图像吗？我的子弹参数是u =＆＃34; navigator＆＃34;

提前致谢

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来改变子弹/数字的外观。

JSSOR Slider Number子弹列表

1 个答案: