r - 如何将导航箭头添加到 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;
}
结果:
解决方案
推荐阅读
- reactjs - 无限滚动两次更新数据
- node.js - 我的 req.session 数据不是全局的,就像我尝试通过 app.get 从服务器发送它时显示 undefiend - express session
- python - Windows CMD:“此 Python 解释器处于 conda 环境中,但尚未激活该环境”
- java - 用eclipse对servlet进行Junit测试
- javascript - 在嵌套对象中搜索键/值 (JavaScript)
- javascript - React 无限滚动组件
- flutter - 无法在 GestureDetector 上使用 longPress 可靠地触发动画
- python - 属性错误:部分初始化的模块 'turtle' 没有属性 'bgcolor'
- java - 如何在 JPA 中的 onetoone 和 manytoone 单向关系中使用 cascade.delete / orphanremoval?
- datepicker - 如何将自定义标签包裹在 {^{datepicker /}} 周围并传递所有道具