Foundation 4 Orbit Custom Transition

Question

Я пытаюсь настроить переход к компоненту Foundation 4 Orbit. Я хочу изменить свойство легкости, но я не могу этого сделать.

В docs говорит: использовать свойство orbit_transition_class указать свой собственный класс, который является следующим:

.my-transition { 
    -webkit-transition: all 2s ease-in-out; 
    -moz-transition: all 2s ease-in-out; 
    -ms-transition: all 2s ease-in-out; 
    -o-transition: all 2s ease-in-out; 
    transition: all 2s ease-in-out; 
} 

Это мой Hmarkup:

<ul data-orbit data-options="orbit_transition_class:my-transition;"> 

Я не знаю, что я делаю неправильно, Может кто-нибудь сказать мне, как его достичь?

Answer 1

В документации сказано:

параметры орбиты могут быть переданы только в процессе инициализации в это время .

Вы должны инициализировать орбиту (и любой компонент Фонда по этому вопросу), как это:

$(document).foundation('orbit', { 
    orbit_transition_class: 'my-transition' 
}); 
$(document).foundation(); 

Answer 2

Я была такая же проблема, так что я посмотрел на исходном коде Orbit в моей версии Foundation (4.3.2). Оказывается, настройка orbit_transition_class существует, но в настоящее время она не используется ни для чего.

Это либо ошибка, либо они по-прежнему поэтапно отказываются от этой настройки.

Вы можете проверить, использует ли ваша версия его, выполнив текстовый поиск для «orbit_transition_class» в файле js/foundation/foundation.orbit.js. Если вы получаете только один результат, в объекте настроек это, вероятно, неиспользуемая настройка.

Обновление: я переключился на WooThemes FlexSlider 2, который кажется более гибким.