Deck.js 中的动画导航

Animation navigation in Deck.js

在带有动画的 Deck.js 页面上,我希望有一个用于转换的视觉指示器,以便我知道有多少套牌。类似于 deck.status,但对于给定的幻灯片而不是幻灯片。我们使用 Deck.js 两天 类 并且很难回忆起单步执行动画时留在页面上的过渡。

例如,SVG demo 的牌组有 8 个转换或步骤。没有视觉指示器知道第 7 次箭头按下会停留在幻灯片上,但第 8 次会跳到下一张幻灯片。

正在寻找类似 Android 的 DotsPageIndicator 或 Harvey Balls 的东西。

我有部分相同的需求:知道何时显示最后一张子幻灯片。作为主持人,我们需要知道这一点,但观众现在也应该知道,以便他们可以在适当的时候拍照。

我刚刚将代码提交到步骤扩展(和打包版本):

https://github.com/twitwi/deck.js/commit/efe9e862cd2c7ea8253ab7570856e90fe10f60d2

https://github.com/twitwi/deck.js/commit/8ce4d667dcdfeaceb8775d08d810584cddddb082

这里有一个在每张最后一张子幻灯片上添加图标的示例:

https://github.com/twitwi/deck.js-starterkit

https://twitwi.github.io/deck.js-starterkit/

它不是一个完整的下滑计数器,但它可能已经有用了。