Настройка плагина Zurb Orbit

Question

Может ли кто-нибудь указать в правильном направлении о том, что мне нужно сделать, чтобы настроить слайдер изображений «ORBIT» Zurb Foundation-4?

Есть вещи, которые я хочу изменить. Например: - Я хочу, чтобы графика стрелок была специально разработана. - Я хочу настроить графику маркеров. - Я хочу, чтобы область фона пули настраивалась. - Я хочу, чтобы область описания изображения не имела темного фона, а также использовала пользовательские веб-шрифты Google для нее и т. Д.

Я как-то не могу найти документацию по этим аспектам. Любая помощь приветствуется.

Answer 1

Я хочу стрелок график на быть специально разработан

Там нет изображения, используемого в компоненте 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

.orbit-bullets li.active - для активной пули в Orbit

Я хочу образа Область описания НЕ имеет темного фона

Это класс и свойство, которое вы необходимо изменить

.orbit-container .orbit-slides-container > * .orbit-caption

Имея хорошее знание CSS вы можете легко переопределить эти классы и применять свои собственные.

Answer 2

Заканчивать ответ на этот вопрос здесь: orbit slideshow custom next prev buttons links left right arrows

Он работал для меня!