如何将导航箭头添加到rmarkdown ioslide？

Question

我已经搜索了将近一个星期，无法找到答案。最后，我自己创建了它，所以我想分享我的例子。

第0步。  将CSS文件添加到Markdown中

      output:
        ioslides_presentation:
          css: foo.css

步骤1。 找到您喜欢的左右箭头png并保存到您的文件夹

第2步。 在每个标题下方的javascript和html下面插入

 <a href="javascript:slidedeck.prevSlide()">
      <img class="animated-navl" border="0" src="left.png" /></a>
      <a href="javascript:slidedeck.nextSlide()">
      <img class="animated-navr"border="0" src="right.png" /></a>

第3步，在css文件下，我添加了以下代码来调整箭头的大小和位置

      img.animated-navl{
        width: auto;
        height: 20px;
       position:absolute;
          bottom:0;
          right:25px;
      }
      img.animated-navr{
       width: auto;
        height: 20px;
       position:absolute;
          bottom:0;
          right:0;
      }

结果：