3

現在のプロジェクトでは、ユーザーがスライドをスワイプして製品について何かを学ぶことができる、タブレット用の Web アプリ (最初は ipad) のようなプレゼンテーションを作成したいと考えています。Reveal.jsはそのための良いオプションのようですが、いつものように、すぐに提供される機能よりも少し多くの機能が必要です...

スライドの 1 つに画像ギャラリーのようなもの (5x4 のサムネイルなど) を配置したいと考えています。ユーザーがそのうちの 1 つに触れると、画像がフルスクリーンでポップアップし、ユーザーはこのギャラリー内を前後に移動できます。十分な場合は、ギャラリー スライドに戻ります。垂直サブセクション スライドでこの動作をエミュレートし、これらのサブスライドに「ギャラリーに戻る」ボタンを追加できます。この可能性を探っていますが、それ以上のステップに進みたい場合は、少し制限があるようです。

質問は次のとおりです。

  • ギャラリー プラグインを Reveal.js に実装する方法はありますか?

  • もしそうなら、jquery レルムの多くの中でどれが Reveal.js でうまく機能するか (reveal.js が jquery 自体に依存していないことを前提として)。タッチサポートは一種の必須です。

  • 私のアプローチに代わるものはありますか？

  • Reveal.js よりも私のタスクに適したツールはありますか? impress.js、特に jmpress.js を見てきましたが、実際に必要以上に複雑で強力なようです。これは、私のタスクで jmpress.js よりも速い結果が Reveal.js で得られたことを意味します。

質問がまだ漠然としていることは承知していますが、現在可能性を探っています...

4

1 に答える 1

0

次のようなコードを追加することで、条件付きのスワイプの作業を再定義できると思います。

Reveal.addEventListener( 'somestate', function() {
    // TODO: Sprinkle magic
}, false );

州の詳細については、こちらをご覧ください

于 2014-10-30T13:08:55.117 に答える