Управление навигацией за пределами карусели - Zurb Foundation Orbit

Question

Я пытаюсь, чтобы навигационные элементы управления находились снаружи карусели, а не по умолчанию внутри.

Для этого нет доступных данных. Поэтому я попытался взломать CSS для навигационных стрелок, чтобы получить отрицательное абсолютное позиционирование.

Однако родительский контейнер настроен на переполнение: скрыто и скрывает стрелки. Это возможно по умолчанию?

javascript html css zurb-foundation orbit

Источник

user2327634 11 сен '13 в 15:31

1 ответ

Решение

Другие вопросы по тегам javascript html css zurb-foundation orbit

user1574820 13 сен '13 в 19:25 2013-09-13 19:25 · Accepted Answer · 2013-09-13 19:25

Взглянув на ваш пример, я смог применить следующий CSS к ul с идентификатором #featured1:

#featured1 {
    width: 90%;
    overflow: hidden;
    padding-left: 10%;
}

Для этого вам нужно будет немного переместить таймер в верхнем правом углу, а также сбросить ширину заголовка. Это легко сделать с помощью этого CSS:

.orbit-container .orbit-timer {
    right:70px;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
     width:90%;
}

Это решение уменьшит ваши изображения слайдера, поэтому вы можете увеличить ширину.large-10 для этого случая.