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