有人可以指出我需要做什么来自定义 Zurb Foundation-4“ORBIT”图像滑块的正确方向吗？
有些事情我想改变。例如： - 我想要自定义设计的箭头图形。- 我想要自定义子弹图形。- 我想要自定义子弹背景区域。- 我希望图像描述区域不要有深色背景，并为其使用自定义 Google Web 字体等。
我不知何故找不到有关这些方面的任何文档。任何帮助表示赞赏。
问问题
1696 次
2 回答
3
我想要自定义设计的箭头图形
Orbit 组件中没有使用图像。箭头图标，前一个和下一个图标，是在 CSS 中创建的，最好遵循相同的模式（不使用图像）。但是，您可以以任何您想要的方式对其进行自定义。以下是您需要查看（和覆盖）的类：
以下是适用于“箭头”图标背景的类。
.orbit-container .orbit-prev, .orbit-container .orbit-next
以下是箭头图标：
.orbit-container .orbit-prev > span
.orbit-container .orbit-next > span
我想要自定义子弹图形。- 我要自定义子弹背景区域
同样没有图像用于子弹，它们是在 css 中创建的。这是您需要查看和修改的类：
.orbit-bullets li- 对于轨道上的所有子弹
.orbit-bullets li.active- 用于轨道中的活动子弹
我希望图像描述区域没有深色背景
这是您需要修改的类和属性
.orbit-container .orbit-slides-container > * .orbit-caption
对 CSS 有很好的了解后，您可以轻松地覆盖这些类并应用您自己的类。
于 2013-04-29T09:31:43.217 回答
0
在此处查看此问题的答案： orbit slideshow custom next prev buttons links left right arrows
它对我有用！
于 2013-12-09T14:32:49.987 回答