如何在xaringan / remark.js中包含javascript库？

Question

我正在使用xaringan进行演示，并使用gganimate创建的一些gif来说明有关模型的一些要点。效果很好，除了一旦开始播放gif便继续播放，有时它们似乎在我开始播放幻灯片之前就开始播放。

我希望能够显式启动和停止每个gif，而解决方案似乎是giffer JavaScript库，但是在这里我远远没有达到“忍者”状态。如何安装和加载giffer库供xaringan使用。我怀疑它在YAML中的某个位置，可能是include，但这距离我已经知道

Answer 1

您可以在YAML中添加javascript，

output:
  xaringan::moon_reader:
    nature:
      beforeInit: ["gifffer.min.js", "load.js"]

如here所述。

load.js仅包含

window.onload = function() {
  Gifffer();
}

，但是您可以按照gifffer中所述更改设置，按钮样式等。