問題タブ [reveal.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2269 参照

javascript - Rails JavaScript include TypeError: 'null' はオブジェクトではありません ('document.body.style' を評価しています)

外部スクリプトをダウンロードして vendor/assets/javascripts に配置し、それを application.js (公開スクリプト) に含めました。

上記のエラーがコンソールに表示されるため、スクリプトは DOM のロードを待機していないようです。JS を緩く設定する前に、ボディがロードされていることを確認するにはどうすればよいですか?

EDIT Reveal は、独自のファイル Reveal_init.js.coffee で初期化されます。

0 投票する
1 に答える
645 参照

ipad - Reveal.jsのスライドをスワイプする画像ギャラリーを追加するには?

現在のプロジェクトでは、ユーザーがスライドをスワイプして製品について何かを学ぶことができる、タブレット用の 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 で得られたことを意味します。

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

0 投票する
5 に答える
16764 参照

javascript - Markdown を使用した Reveal.js のフラグメント

Reveal.js は、HTML で次々に表示されるフラグメントをサポートしています。

以下を使用して、各スライドで HTML の代わりに Markdown の使用をサポートします。

しかし、Markdown でのフラグメントの使用に関するドキュメントは見つかりませんでした。何か見逃していましたか、それともまだサポートされていませんか?

0 投票する
2 に答える
2529 参照

jquery - 複数の Reveal モーダルの呼び出し

同じページに複数のモーダル ウィンドウが必要です。基本的には、各チーム メンバーへのリンクを作成し、クリックするとモーダル ボックスに詳細が表示されるようにするつもりです。私はzurbによる公開プラグインを使用しています。これはウェブサイトの例です。

html:

js

0 投票する
4 に答える
15598 参照

javascript - Reveal.js は要素のサイズをどのように変更しますか?

reveal.js要素のサイズを動的に変更する方法を理解しようとしています。

これを確認するには、ページの高さを調整し、ページが縮小するにつれて要素が (ある程度まで) 縮小する様子を確認します。

ただし、クロム インスペクターを使用すると、CSS または Javascript のいずれかで、この縮小が実際にどのように発生しているかを確認できません。

(私の興味は、可能であれば改善したいということから来ていますが、それがどのように機能するのかを理解するのがいかに難しいかということに驚きました。)

0 投票する
1 に答える
6146 参照

html - reveal.jsの背景色の選択

私はreveal.jsを少し使っていますが、デモで見られるように、グローバル状態と呼ばれるもので個々のスライドの背景を変更できます。

このスライドに記載されている色(-soothe、-blackout、-alert)以外に、適用できる色はありますか(プレゼンテーションのキーを押して色を確認してください)。もしそうなら、何色?

0 投票する
1 に答える
205 参照

jquery - JQueryは、すべての背景領域をフリーズするのではなく、特定の領域でモーダルを明らかにします

私はJQueryの初心者で、モーダルを明らかにすることはできても、divにアクセスできるかどうかを尋ねています。モーダルを発射すると、穴の背景がフリーズし、特定のdivがフリーズしないようにしたいからです。

0 投票する
3 に答える
4109 参照

javascript - Reveal.js スライドショーが機能しない

Reveal.js フレームワークを使用してスライドショーを作成しようとしていますが、何らかの理由でうまくいきません。空白の画面が表示されるだけです。これが私がこれまでに持っているものです(jsfiddle):

編集: 解決策は、ボディ終了タグの前に次のコードを追加することです。

https://github.com/hakimel/reveal.js