javascript - 难以让幻灯片正常工作

Question

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

幻灯片 JS、HTML、CSS --> 位于此处。

我想如果我可以在a.slidesjs-previous和a.slidesjs-next周围放置一个div ，然后我可以添加背景：#fff 到 div。

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

我很感激我能得到的任何帮助。

score 0 · Accepted Answer

浏览您在该 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);
});

1 回答 1