2016-12-09 52 views
1

帶動畫的Deck.js頁面我希望有一個可視化指示符用於轉換,因此我知道有多少個套牌。類似於deck.status,但是對於給定的幻燈片而不是甲板。我們正在使用Deck.js進行爲期兩天的課程,並且在逐步瀏覽動畫時很難記住頁面上留下的過渡。Deck.js中的動畫導航

例如,SVG demo的卡組有8個轉換或步驟。沒有視覺指示器知道第7次按下箭頭將停留在幻燈片上,但第8次將跳轉到下一張幻燈片。

尋找類似Android的DotsPageIndicator或Harvey Balls。

回答

2

我有部分相同的需求:知道什麼時候顯示最後的子滑塊。作爲主持人,我們需要知道,但現在觀衆應該能夠在適當的時候拍攝照片。

我只是COMMITED代碼步驟擴展(而打包版本):

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/

它不是一個完整的subslide計數器,但它可能已經有用。