我已经搜索了将近一个星期,但找不到答案。最后,我自己创建了它,所以我想分享我的例子。
步骤 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;
}
结果: