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

Question

在当前的项目中，我想创建一个类似于平板电脑网络应用程序(首先是 ipad)的演示文稿，用户可以在其中滑动幻灯片来了解有关产品的信息。Reveal.js 似乎是一个不错的选择，但像往常一样，我只需要比开箱即用提供的功能多一点的功能......

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

所以问题是:

• 有没有办法在reveal.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