如何自定义动态观察字幕动画

Question

我使用Foundation5作为我的框架。我在更改动态观察标题的默认动画和速度时遇到问题。

有人知道如何将动画从幻灯片改为字幕渐变吗？如果有，是否可以使用属性数据选项？

我从文档中看到，有不同的方法可以自定义轨道滑块，但找不到任何关于标题的信息。我也试着在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);
});

如果你们中的任何人对如何正确地做到这一点有更好的建议，请这样做。我很高兴能学到一些新的东西：）