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

标签 ipad gallery presentation reveal.js

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

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

所以问题是:

  • 有没有办法在reveal.js上实现画廊插件?

  • 如果是这样,jquery 领域的众多工具中哪一个可以与reveal.js 很好地配合(假设reveal.js 不依赖于jquery 本身)。触摸支持是强制性的。

  • 我的方法还有其他选择吗?

  • 有比 Reveal.js 更好的工具来完成我的任务吗?我一直在研究 impress.js,尤其是 jmpress.js,但它们似乎比我实际需要的更复杂/更强大。这意味着:对于我的任务,我在reveal.js 中获得的结果比在jmpress.js 中更快。

我知道这个问题仍然相当模糊,但我目前正在探索可能性......

最佳答案

我认为您可以通过添加如下代码来重新定义有条件的滑动工作:

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

有关状态的更多信息请查看 here

关于ipad - 如何添加一个图片库以在reveal.js 的幻灯片上滑动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13679953/

相关文章:

iOS- 配置文件问题。

android - Qt 和 Android - 从图库中的图像获取路径

c# - ASP.NET 应用程序中数据的动态表示

language-agnostic - 如何为包含大量代码的同事做演示?

android - 为什么有些图片不能在ImageView(Android)上显示?

objective-c - 收到此警告 "while a presentation is in progress"(Xcode)

iphone - 如何正确保留对 ActionSheet 委托(delegate)使用的对象的引用?

ios - 为 Portrait Retina 选择 Launch Image 将取消选择为 Portrait non-Retina 选择的图像

iphone - 以编程方式在设备上上传和启动 iPhone/iPad 应用程序

jquery - 清除并添加幻灯片/重新初始化 flexslider?