no-image

JavaScript

レスポンシブ対応のjQuery Lightbox & Popupプラグイン「Flashy」

Flashyはレスポンシブに対応したjQuery Lightbox & Popupプラグインです。画像はもちろん、インラインコンテンツ、iframe、vimeo、ユーチューブにも対応しています。キーボードもサポートしているので操作性も良好です。

Flashy

Flashy

デモでは画面中央に複数のサムネイル画像が並べられています。これをクリックすると拡大された画像が表示される仕組みです。拡大時の画面では両端に前後移動できる矢印アイコンが設置されていて、ここから前後の画像に切り替えることができます。

また、キーボードもサポートしているのでキーボードの左右の矢印キーからでも前後移動が可能です。

左上からは画像の総数と現在の何番目の画像が開かれているかが確認できます。元に戻る場合は右上のバツ印をクリックするか、escキーからでも戻ることが可能です。

サムネイル画像の下にはカスタムタイプのデモも用意されています。Vimeo、YouTube、iFrame、Inlineというボタンがあり、各ボタンをクリックするとそのタイプのデモをチェックできます。

多彩なコンテンツをLightboxで表示させたい人は、ぜひ「Flashy」を活用されてみてはいかがでしょうか? ライセンスはMITになります。

関連記事

  1. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

  2. CSS Jquery Pie Countdown Timer

    JavaScript

    グラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Time…

    円形によるカウントダウンのタイマーを実装する「CSS Jquery P…

  3. no-image

    JavaScript

    固定されたフローティングメニューを実装できる「jquery-dice-menu」

    jquery-dice-menuは、固定されたシンプルなフローティング…

  4. JavaScript

    文章の段落にコメントできるjQueryプラグイン「SideComments.js」

    おもしろそうだったのでメモがてらご紹介。SideComments.js…

  5. MediumLightbox

    JavaScript

    Mediumライクな画像ズームを実装できる「MediumLightbox」

    シンプルでエレガントな画像ズーム機能をwebサイトに実装できる「Med…

  6. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP