是否可以从当前幻灯片跳转到下一张幻灯片?
Is it possible to travel across to the next slide from a current slide?
以下几乎适合我。但是我无法弄清楚如何从任何给定的幻灯片水平移动。基于以下如何从 va slide 2 一次单击到 vb slide 2?我的 HTML 设置是否错误?
<div class="reveal">
<div class="slides">
<section data-transition="zoom">
<section data-transition="slide">va slide 1</section>
<section data-transition="slide">va slide 2</section>
<section data-transition="slide">va slide 3</section>
</section>
<section data-transition="zoom">
<section>vb slide 1</section>
<section>vb slide 2</section>
<section>vb slide 3</section>
</section>
</div>
</div>
知道了。我需要做的就是添加一个额外的 JavaScript 组件来自定义我的方向流。在 Reveal.js 中有使用 navigationMode 控制导航组件的选项。您可以在 3 种风格中配置滑动方向 [default | 线性 | 网格]。我在找网格。
在 docs 中有更多相关信息。
以及放置位置的示例如下所示:
Reveal.initialize({
controls: true,
controlsTutorial: true,
progress: false,
history: true,
transition: 'slide', //none|false|slide|convex|zoom
navigationMode: 'grid',
...
});
以下几乎适合我。但是我无法弄清楚如何从任何给定的幻灯片水平移动。基于以下如何从 va slide 2 一次单击到 vb slide 2?我的 HTML 设置是否错误?
<div class="reveal">
<div class="slides">
<section data-transition="zoom">
<section data-transition="slide">va slide 1</section>
<section data-transition="slide">va slide 2</section>
<section data-transition="slide">va slide 3</section>
</section>
<section data-transition="zoom">
<section>vb slide 1</section>
<section>vb slide 2</section>
<section>vb slide 3</section>
</section>
</div>
</div>
知道了。我需要做的就是添加一个额外的 JavaScript 组件来自定义我的方向流。在 Reveal.js 中有使用 navigationMode 控制导航组件的选项。您可以在 3 种风格中配置滑动方向 [default | 线性 | 网格]。我在找网格。
在 docs 中有更多相关信息。
以及放置位置的示例如下所示:
Reveal.initialize({
controls: true,
controlsTutorial: true,
progress: false,
history: true,
transition: 'slide', //none|false|slide|convex|zoom
navigationMode: 'grid',
...
});