ちょっと気を許すと、というか前からあったんでしょうが、最近の最新技術情報はなんか意図的に道端凝視してないとえらい目にあいそうです。 ※ スクロールできない ※ IEは IE11 からで、背景色用のスタイルが必要 IE 全画面 API ※ Google Chrome は、表示サイズを指定しないと崩れる場合があります。
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<style>
body:-ms-fullscreen::-ms-backdrop {
background-color: #ffffff;
}
</style>
<script type="text/javascript">
$(function(){
// ボタン
$("#button_control")
.attr("type", "button")
.val("フルスクリーン(Chrome or Firefox IE11)")
.click(function(){
if ( document.body.msRequestFullscreen ) {
document.body.msRequestFullscreen();
}
else if (document.body.webkitRequestFullScreen) {
$("body").css({
"width": window.screen.width + "px",
"height": window.screen.height + "px"
});
document.body.webkitRequestFullScreen();
}
else if (document.body.mozRequestFullScreen) {
document.body.mozRequestFullScreen();
}
});
});
</script>
<input id="button_control"><br>
<img src="https://lh4.googleusercontent.com/-fRZlV-c6OiY/U9Mn1YqLK0I/AAAAAAAAVjk/MvWELOPssrs/s600/b17geoff_vane016.jpg" style="border: solid 0px #000000" />
関連する記事 Using the Fullscreen API in web browsers - Robert's talk
|
|
【jQueryの最新記事】
- clipboard.js で、2種類のクリップボード処理オブジェクトを作成して使い分ける
- 一般的な PHP のアップロードページに対して jQuery の $.ajax でファイルをアップロードする
- jQuery の $.ajax で JSON 文字列を WEB より取得して TABLE を作成する
- jQuery で DIV の中の DIV を縦横中央に配置する
- jQuery で ページ内の画像のリンク切れを探してテーブルに URL を表示する
- クリックした入力フィールド以外をブラックアウトする jQuery プラグイン
- FORM の内容を localStorage に保存する jQuery プラグイン
- tableMagic : 単純に JSON から TABLE、TR、TH、TR、TD を作成する jQuery のプラグイン
- 滑らかなスクロール(scroll bar)を提供する jQuery プラグイン jQuery.NiceScroll
- jQuery : F1 キーでヘルプを起動させないようにする
- jQuery プラグイン jquery.balloon.js に jQuery UI を追加してバルーン毎に違ったアニメーション効果を設定する
- jquery.balloon.js で、balloon をメッセージ表示に使う( ゲーム等で使う為 )
- jQuery プラグイン jquery.balloon.js で複数バルーンにそれぞれ別のコンテンツを設定する為には、.each を使う
- jQuery プラグイン jquery.balloon.js を使用する『画像バルーン』の処理 (Excel で作成した吹き出し)
- jQuery プラグイン jquery.balloon.js の外部からのコントロール
- NAVER : Image*After の城と教会編
- 親(parent) フレームに jQuery が無い場合に jQuery をインストールする。
- jQuery で書かれた、幻想的な動く星座のようなシーン
- jQuery の addClass で、CSS で作成するサイフの出来上がる過程を見れるようにしました
- CSS transition : jQuery の addClass と removeClass で変化を付ければいい。いや、これが一番よさそうだ。




























