Deck.js中的动画导航

时间:2016-12-09 11:52:20

标签: deck.js

在带有动画的Deck.js页面上,我想有一个转换的visul指示器,所以我知道一个套牌有多少。与deck.status类似,但对于给定的幻灯片而不是甲板。我们正在使用Deck.js进行为期两天的课程,并且很难回忆起在动画中踩到页面上的过渡。

例如,SVG demo的牌组有8个过渡或步骤。没有视觉指示器知道第7个箭头按下将保留在幻灯片上,但是第8个箭头将跳到下一个幻灯片。

寻找像Android的DotsPageIndicator或Harvey Balls这样的东西。

1 个答案:

答案 0 :(得分:2)

我有一些相同的需求:知道何时显示最后的子滑梯。作为主持人,我们需要知道这一点,但现在观众应该能够在适当的时候拍照。

我只是将代码提交到步骤扩展(以及打包版本):

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/

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