是否可以从当前幻灯片转到下一张幻灯片?

时间:2020-03-26 21:22:33

标签: reveal.js

以下内容几乎适合我。但是我很难弄清楚如何在任何给定的幻灯片上水平移动。基于以下内容,我如何一键式从幻灯片2 转到幻灯片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>

1 个答案:

答案 0 :(得分:1)

知道了。我需要做的就是添加一个额外的JavaScript组件来自定义我的定向流。在Reveal.js中,可以使用 navigationMode 来控制导航组件。您可以3种口味来配置滑动方向[默认 | 线性 | 网格]。我正在寻找网格。

docs中的更多内容。

以及放置位置的示例如下:

([^{\n](?=[^{]+}))+