跳转到幻灯片#n

时间:2013-12-06 14:50:04

标签: javascript reveal.js

如何以交互方式跳转到特定幻灯片?

以编程方式,我可以使用Reveal.slide(indexh,indexv,indexf)。

例如,在S5中,我可以输入幻灯片编号,然后按Enter键。

3 个答案:

答案 0 :(得分:5)

有一些简洁的说明可以覆盖Reveal.js Documentation中的默认键绑定。他们这样说:

Reveal.configure({
  keyboard: {
    13: 'next', // go to the next slide when the ENTER key is pressed
    27: function() {}, // do something custom when ESC is pressed
    32: null // don't do anything when SPACE is pressed (i.e. disable a reveal.js default binding)
  }
}); 

数字1-9的密钥代码是49-57(0是48),所以我对reveal.js event.keycode开关的读取建议您想要类似的内容:

Reveal.configure({
  keyboard: {
    56: slide( 8 ), 
  }
}); 

我不是一个jQuery高手,但是在跳转到幻灯片n之前编写一个记录任何其他数字并等待输入的函数看起来像是一种高级初学者级别挑战(以及这里有很多人可以帮助你的问题)。问题:如果在进入输入之前键入非数字会怎么样?什么 5 q 输入呢?

答案 1 :(得分:1)

对于Reveal的最新版本,我使用它来使其工作

Reveal.initialize({

    keyboard: {
        56: function() { Reveal.slide( 8 ) },
    },
});

答案 2 :(得分:0)

阿曼达的代码只有一个注释。我在哪里可以买到它?我不知道:它只是在index.html中,最后:

        Reveal.initialize({
            controls: false,
            progress: true,
            history: true,
            center: true,
            keyboard: {
              13: 'next', // go to the next slide when the ENTER key is pressed
              27: function() {}, // do something custom when ESC is pressed
              32: null // don't do anything when SPACE is pressed (i.e. disable a reveal.js default binding)
            },
            theme: Reveal.getQueryHash()