我一直在一个需要自定义幻灯片放映的页面上工作,但是现在我遇到了无法按需显示内容的问题。

这是Images.

幻灯片JS,HTML,CSS->位于here.

我想出是否可以在a.slidesjs-previous和a.slidesjs-next周围放置一个div,然后可以将背景:#fff添加到div中。

但是到目前为止,用子弹代替数字是最困难的部分。我应该尝试哪种方法?

感谢您能获得的任何帮助。

最佳答案

通过您在该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);
});


And here is a fiddle illustrating the mechanics behind this

09-20 20:00