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

    レスポンシブに対応している軽量のjQueryスライダー「Unslider」

    とても軽量でレスポンシブにも対応しているjQueryスライダー「Uns…

  2. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  3. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  4. FakeLoader.js

    JavaScript

    フルスクリーンでカッコいいローディングアニメーション・FakeLoader.js

    FakeLoader.jsはフルスクリーンでカッコいいローディングアニ…

  5. jquery-side-navi

    JavaScript

    サイドからスライドでナビゲーションを表示できる「jquery-side-navi」

    jquery-side-naviは、サイドからスライドでタブコンテンツ…

最近の記事

  1. CITTA TT5.0
  2. Kindle Oasis
  3. OWL-WDDESK01
  4. ワンタッチ着脱フィルターキット

アーカイブ

PAGE TOP