基础Zurb 3轨道计数器?

时间:2013-02-19 15:37:03

标签: responsive-design zurb-foundation orbit

我在Foundation 3网站上有一个Orbit滑块,我需要能够显示幻灯片编号,如“slide 3 of 8”中所示。

我在文档中看不到任何选项,但是查看_settings.scss文件我看到了这些项目:

$orbitSlideNumBgColor: rgba(0,0,0,0.7);
$orbitSlideNumFontColor: #fff;
$orbitSlideNumPadding: 5px;

但没有迹象表明如何使用它们。取消注释它们不会做任何事情。如何与给定的滑块集成,还是需要我的编码来创建数字?

1 个答案:

答案 0 :(得分:2)

看一下jquery.foundation.orbit.js文件......这里列出了所有选项。你想要:

$("#slider").orbit({ slideNumber: true });

同意应该记录在案:)