2012-01-18 10 views
3

impress.jsはJavascriptを使用して書かれた新しいWebプレゼンテーションです。カスタムイベントを作成して次のページに移動したいたとえば、「次へ」および「前へ」ボタンを作成することがあります。impress.jsの次のスライドに追加するには

impress.jsファイル全体が関数であり、関数内からselectPrev();を呼び出すと、次のページに移動します。しかし、私はJavascriptであまり良くはない、私はどのようにselectPrev();関数の外から呼び出すか分からない。

ファイルがここで見つけることができます:それのルックスによってhttps://github.com/bartaz/impress.js/blob/master/js/impress.js

答えて

2

、ファイル全体が閉鎖の内側にある、とselectNextはその閉鎖にローカルです。また、キーリスナーでのみ間接的に使用されるため、そこから取得することも実行不可能です。

このように、ソースを変更せずに、selectPrev/selectNextにアクセスするのは簡単ではありません。ここで

は約6時間前にコミットからのメッセージです:

impressive refactoring of slide selection - getting closer to API 

開発者がすぐに適切なAPIを追加することを計画しているようです。ちょっと待っていれば、impress.jsとプログラム的にやりとりするための標準的で認可された(うまくいけば)文書化された方法があるはずです。

急いでハッキングしたい場合は、いつでもボタンをトリガーにすることができます。あなたはjQueryのを使用している場合、あなたはこのようにそれを行うことができます。

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

38は、前に次のスライドと40に移動します。

1

代わりにjmpress.jsを使用してください。それはimpress.jsのjQueryポートで、の次にのprevのメソッドを持つAPIを持っています。

15

impress.jsが更新されました。次のAPIメソッドのいずれかを呼び出した場合です。

誰かがこの質問に遭遇した場合に備えてこれを追加しました。

-1

次-前は内部インプレスdivの中にあるかどうかは、作品

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

$('#prev').on('click', function(e){ 
    impress().prev(); 
    e.stopPropagation(); 
}); 
関連する問題