Question

是否可以使用reveal.js在演示文稿中间开始？我希望第一张幻灯片可以选择向上，向下，向前移动，然后再回到测试中。或者你们中的任何人都知道可以做到这一点的程序。

Answer 1

  Try giving links between the slides as below
    <section id="idname">
     Your content
   </section>

然后在其他幻灯片中，您想要链接到此幻灯片，如下所示

<a href="#/idname"> Your text </a>

Answer 2

一个简单的解决方案是只提供一个指向您想要开始的中间幻灯片的链接：

http://lab.hakim.se/reveal-js/#/2/2

更复杂的解决方案是将id="home"添加到第一张幻灯片中。然后使用以下javascript来监听该幻灯片的状态更改：

Reveal.addEventListener( 'home', function() {
  // If user is on first slide, force change to desired slide
  Reveal.slide( 2, 2);
}, false );

您也可以使用此API调用：

Reveal.isFirstSlide();

Answer 3

对于迟到的答案感到抱歉，但希望这个答案可以在将来帮助某人。

您可以使用reveal.js API来实现这一目标。

在调用'ready'事件后，只需调用Reveal.slide函数即可。

Reveal.slide( indexh, indexv, indexf );

Reveal.initialize();
Reveal.addEventListener( 'ready', function( event ) {
  Reveal.slide(2, 1); //go to slide horizontal / vertical
} );

<link rel="stylesheet" href="https://cdn.jsdelivr.net/reveal.js/3.0.0/css/reveal.min.css">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/reveal.js/3.0.0/css/theme/simple.css" id="theme">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/reveal.js/3.0.0/css/theme/moon.css">
    
<div class="reveal">
			<div class="slides">
				<section>Slide 1</section>
				<section>Slide 2</section>
        <section>
          <section>Slide 3</section>
          <section>Slide 3.1</section>
          <section>Slide 3.2</section>
          <section>Slide 3.3</section>
        </section>
        <section>Slide 4</section>
        <section>
          <section>Slide 5</section>
          <section>Slide 5.1</section>
          <section>Slide 5.2</section>
          
        </section>
          
        <section>Slide 6</section>
			</div>
</div>
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/headjs/1.0.3/head.js"></script>
<script src="https://cdn.jsdelivr.net/reveal.js/3.0.0"></script>

reveal.js如何在演示中间开始

3 个答案: