自定義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

它爲我工作！