no-image

JavaScript

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

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

Flashy

Flashy

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

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

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

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

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

no-imageシンプルで軽量なスクロールアニメーション実装「animateMePlz」前のページ

高速・軽量なコンテキストメニュー実装「hummingbird-popover」次のページhummingbird-popover

最近の記事

  1. SILENT HILL 2
  2. FUNLOGY スピーカー
  3. 聖剣伝説 VISIONS of MANA
  4. エルデの追憶
  5. コーヒー豆
PAGE TOP