如何添加下一張幻燈片impress.js

impress.js是一個使用Javascript編寫的新Web演示文稿。我想創建自定義事件以轉到下一頁。例如，我可能會創建一個「下一個」和「上一個」按鈕。如何添加下一張幻燈片impress.js

整個impress.js文件是一個函數，從函數內調用selectPrev();將進入下一頁。但是，我對JavaScript不太好，我不知道如何從函數的外部調用selectPrev();。

文件可以在這裏找到：https://github.com/bartaz/impress.js/blob/master/js/impress.js

2012-01-18 Leo Jiang

通過它的外觀，整個文件是一個封閉的內部，selectNext是局部的封閉。此外，它只能在關鍵聽衆中間接使用，因此從中獲取它也是不切實際的。

因此，沒有修改源代碼，我沒有看到任何簡單的方法來獲得selectPrev/selectNext。

這裏是一個提交約六小時前的消息：

impressive refactoring of slide selection - getting closer to API

看來開發商計劃於近期加入適當的API。如果您稍等一下，應該有一些標準的，受到認可的（有希望）記錄方式，以編程方式與impress.js進行交互。

如果你只是想快速入侵，你可以隨時讓你的按鈕觸發一個關鍵事件。如果你正在使用jQuery，你可以做這樣的：

$(document).trigger($.Event("keydown", { keyCode: 38 }))

38將進入下一個幻燈片，40了以前。

來源

2012-01-18 03:42:15

我會推薦使用jmpress.js來代替。它是impress.js的jQuery端口，它有一個包含的下一個和prev方法等。

來源

2012-01-19 09:52:06

impress.js已被更新，因爲這個問題被詢問。現在是簡單地調用的API下列方法之一的情況：

impress().next(); 
impress().prev(); 
impress().goto(10);

我已經添加了這種的情況下，任何人絆倒在這個問題上。

來源

2012-04-09 08:49:45 mttrb

-1

它的工作原理，如果下一個先前在裏面的印記格

$('#next').on('click', function(e){ 
    impress().next(); 
    e.stopPropagation(); 
}); 

$('#prev').on('click', function(e){ 
    impress().prev(); 
    e.stopPropagation(); 
});

來源

2014-05-21 18:02:48 arturmoroz

如何添加下一張幻燈片impress.js

回答

相關問題