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

Question

我正在使用 xaringan 进行演示，并使用 gganimate 创建的一些 gif 图片来说明有关模型的一些要点。它工作得很好，只是一旦 gif 开始播放，它们就会一直播放，有时它们似乎在我开始播放幻灯片之前就开始播放了。

我希望能够明确地启动和停止每个 gif，解决方案似乎是 giffer javascript 库，但这里是我远远达不到的地方 "ninja"状态。如何安装和加载 xaringan 使用的 giffer 库。我怀疑它在 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 中的说明更改设置、按钮样式等。