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. Macy.js

    JavaScript

    軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」

    Macy.jsは軽量なグリッドレイアウトを実装することができる便利なJ…

  2. Magnific Popup

    JavaScript

    レスポンシブに対応したLightbox風のjQueryプラグイン「Magnific Popup」

    レスポンシブに対応したLightbox風のjQueryプラグイン「Ma…

  3. JavaScript

    jQueryの基本的なセレクターを適当に試してみる

    自分の勉強用としてちょっと適当に試してみました。jQueryの基本のセ…

  4. EasyFader Plugin Demo

    JavaScript

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

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

  5. ScrollTrigger

    JavaScript

    スクロールの位置をベースにしたアニメーション「ScrollTrigger」

    ScrollTriggerはユーザーがスクロールする位置をベースにした…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP