自定义Zurb Orbit插件

Question

有人能指向我需要做什么来定制Zurb Foundation-4“ORBIT”图像滑块的正确方向吗？

有些事情我想改变。例如： - 我想要定制设计箭头图形。 - 我想要自定义子弹图形。 - 我想让项目符号背景区域自定义。 - 我希望图像描述区域不要有深色背景，也可以使用自定义Google Web字体。 等。

我无法找到任何有关这些方面的文档。 任何帮助表示赞赏。

Answer 1

我想的箭头图形，可以定制设计

没有在轨道部件中使用的图像。箭头图标，上一个和下一个图标，都是在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良好的知识，你可以很容易地覆盖这些级别和应用自己的。

Answer 2

退房的答案，在这里这个问题： orbit slideshow custom next prev buttons links left right arrows

它为我工作！