如何自定義軌道字幕動畫

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

如果您對如何正確執行此操作有更好的建議，請這樣做。 我很高興學習新東西:)