Question

我一直在处理需要自定义幻灯片显示的页面，但现在我遇到了根据需要显示问题的问题。

以下是Images.

幻灯片JS，HTML，CSS - ＆gt;位于here.

我想我是否可以在 a.slidesjs-previous 和 a.slidesjs-next 周围添加 div 然后我可以添加背景：#fff到div。

但是用子弹替换数字是迄今为止最难的部分。我应该尝试什么方法？

我感谢任何帮助。

Answer 1

通过你在github中提供的半可识别代码，似乎JS以列表项样式生成项目符号。

格式似乎是这样的;

<li class="slidesjs-pagination-item">
    <a href="#" data-slidesjs-item="0"></a>
</li>

在上面。 data-slidesjs-item保存对它链接的幻灯片的引用。为此，幻灯片基于0 index，这意味着如果我们想从1开始，我们必须添加1。

查看提供的CSS，我没有看到任何特殊图像用于生成项目符号，也没有任何文本缩进，所以只是这样做：

$('.slidesjs-pagination-item a').each(function(){
    $(this).text($(this).data('slidesjs-item') +1);
});