如何添加图片库以在reveal.js的幻灯片上滑动？

Question

在当前项目中，我想创建一个类似于平板电脑的web-app（开头的ipad）的演示文稿，用户可以在其中滑动幻灯片以了解有关产品的信息。 Reveal.js似乎是一个很好的选择，但像往常一样，我只需要比开箱即用的功能更多的功能......

我想在其中一张幻灯片上放置类似图片库的内容 - 例如5x4缩略图，如果用户触摸其中一张图片，则图片会全屏弹出，用户可以在此内前后移动画廊。如果他有足够的，他会回到画廊幻灯片。 我可以使用垂直子部分幻灯片模拟这种行为，并为这些子幻灯片添加“返回画廊”按钮，我正在探索这种可能性，但如果我想要更进一步，它似乎有点受限。

所以问题是：

• 有没有办法实现gallery.js的图库插件？

• 如果是这样，jquery领域中的哪一个将与reveal.js一起使用（假设reveal.js不依赖于jquery本身）。触摸支持将是强制性的。

• 我的方法有替代方法吗？

• 我的任务是否有比reveal.js更好的工具？我一直在关注impress.js，特别是jmpress.js，但它们似乎比我实际需要的更复杂/更强大。这意味着：我在reveal.js中获得了比我在jmpress.js中执行任务更快的结果。

我知道这个问题仍然很模糊，但我现在正在探索各种可能性......

Answer 1

我认为您可以通过添加以下代码来重新定义滑动条件：

Reveal.addEventListener( 'somestate', function() {
    // TODO: Sprinkle magic
}, false );

有关州的更多信息here