如何自定义轨道字幕动画

Question

我正在使用Foundation 5作为框架。 我在更改默认动画和轨道字幕的速度时遇到问题。

有谁知道如何将字幕的动画从幻灯片更改为淡入淡出？ 如果有，是否可以使用data-options属性来实现？

我从文档中看到，有多种自定义轨道滑块的方法，但是找不到标题的任何内容。 我也尝试在stackoverflow中寻找类似的问题，但找不到与我相同的问题。 希望你们能帮助我。 提前致谢

Answer 1

我设法通过添加事件监听器来做到这一点

这是我的做法：

$(".orbit-next, .orbit-prev").click(function() {
      $('.orbit-caption').fadeOut(100);
      $('.orbit-caption').fadeIn(1500);
});

或者我也可以使用文档中提供的事件

$("#banner").on("before-slide-change.fndtn.orbit", function(event) {
    $('.orbit-caption').fadeOut(100);
});
$("#banner").on("after-slide-change.fndtn.orbit", function(event, orbit) {
    $('.orbit-caption').fadeIn(1500);
});

如果您对如何正确执行此操作有更好的建议，请这样做。 我很高兴学习新东西:)