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);
});

如果您有任何关于如何正确执行此操作的更好建议，请执行此操作。我真的很高兴能学到新东西：）

如何自定义轨道标题动画

1 个答案: