首页 > 解决方案 > 如何将导航箭头添加到 rmarkdown ioslide?

问题描述

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

步骤 0. 将 css 文件添加到您的降价中

      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>

Step 3.under 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;
      }

结果:

在此处输入图像描述

标签: rr-markdownioslides

解决方案


推荐阅读