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

我有同样的问题，所以我在我的版本的Foundation（4.3.2）中查看了Orbit源代码。事实证明orbit_transition_class设置存在但当前没有用于任何事情。

这是一个错误，或者他们仍在逐步淘汰/逐步采用此设置。

您可以通过在js/foundation/foundation.orbit.js文件中搜索“orbit_transition_class”来检查您的版本是否正在使用它。如果只获得一个结果，则在设置对象中，它可能是未使用的设置。

更新：我切换到WooThemes FlexSlider 2，这似乎更灵活。

基础4轨道定制过渡

2 个答案: