JavaScript

フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

screenfull.jsは画像などの要素をフルスクリーンで表示させることができるJSライブラリです。画面を最大限フルに使ってコンテンツを閲覧したいといった時に便利ですね。Fullscreen APIのクロスブラウザで使用することができます。

[ads_center]

screenfull.js

screenfull.jsの実際のデモ動作は以下から確認することができます。

screenfull.js

デモ

コンテンツを全画面で表示することでじっくりと見ることができますね。特に画像や動画といったコンテンツと相性がよさそうです。動画だと迫力や臨場感も伝わってきますし、画像なら細部までしっかりと確認することができそうです。

screenfull.jsは画面をフル活用したコンテンツを表示させたい時にとても良さそうですね。

シンプルでスワイプにも対応したスライダーならSimple jQuery sliderがオススメ前のページ

jQueryプラグイン・2014年下半期70選まとめ次のページjQueryプラグイン

関連記事

  1. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  2. no-image

    JavaScript

    シンプルでカスタマイズも簡単なパララックスエフェクト実装「parlx.js」

    parlx.jsはシンプルでカスタマイズも簡単なパララックスエフェクト…

  3. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

  4. EasyFader Plugin Demo

    JavaScript

    レスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo…

    シンプルなフェードアニメーションによるスライドショーを実装することがで…

  5. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  6. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP