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

Question

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

我想在其中一张幻灯片上有一个图片库之类的东西——比如 5x4 缩略图，如果用户触摸其中一张，图片会全屏弹出，用户可以在其中来回移动画廊。如果他有足够的，他回到画廊幻灯片。 我可以用垂直的小节幻灯片来模拟这种行为，并为这些子幻灯片添加一个“返回画廊”按钮，我正在探索这种可能性，但如果我想更进一步的话，它似乎有点受限。

所以问题是：

• 有没有办法实现一个画廊插件来显示.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