jquery - DIV クリックでウィンドウサイズに拡大

Question

jquery の助けを借りて、その div の新しいコンテンツまたはレイアウトでクリックして div をフルスクリーンに拡大する方法。実際には、ウェブページに小さな div を作成しており、その div の上にテキストや画像が書き込まれています。その div をクリックすると、ウィンドウ サイズが大きくなり、小さな div のコンテンツに関する詳細が表示されます。

Answer 1

私の理解が正しければ、ドキュメントをカバーするように DIV を拡大する手段が既にあり、フルスクリーンにしたいと考えています。その場合は、html5 フルスクリーン APIを確認してください。これは現在作業中のドラフトであるため、ブラウザの互換性を確認し、それに応じてプレフィックスを使用する必要があることに注意してください。

fullscreenについて話している限り、そのための JQuery プラグインがすでにあるので、幸運です: http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/ [デモ]

プラグインを使用すると、これは関連するコードです:

window.fullScreenApi.requestFullScreen(fsElement);