ssi-modal

JavaScript

フレキシブルでパワフルなモーダルウィンドウを実装できる「ssi-modal」

ssi-modalはカスタマイズ性に優れたフレキシブルでパワフルなモーダルウィンドウを実装することができます。豊富なオプションが用意されており、さまざまなバリエーションのモーダルウィンドウを表示させることが可能です。

ssi-modal

デモ

デモではベーシックなタイプのものから、アニメーション、ダイアログ、マルチレベル、コールバック、画像表示、グループによる画像表示など、数多くのタイプのデモが設置されています。

これだけ多彩なモーダルウィンドウを、ssi-modaだけで実装できるというのはとても魅力的ですね。シンプルな機能のモーダルウィンドウもいいですが、それだけではもの足りないという人には最適なものになると思います。

オプションには、content、sizeClass、title、animation、buttons、fitScreen、fixedHeight、beforeShow、onShow、bforeClose、onCloseなどなど、さまざまな項目が用意されています。

豊富なオプションを用いて、自分好みにカスタマイズしたモーダルウィンドウを設置したい人は要チェックです。

また、グループ化させたイメージボックスも表示させることができるので、イメージギャラリー的に使いたい場合にもよさげですね。デモでは画像だけでなく動画も表示させています。

テキスト、画像、動画といろんなコンテンツを載せれるのがいいと思います。

というわけで、フレキシブルでパワフル、そして高いカスタマイズ性を有するモーダルウィンドウを実装したい人は、ぜひチェックしてみてください。

ssi-modal

関連記事

  1. Recursive Hover Nav
  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた

    jQueryでHTML要素を追加するメソッドが色々あるので整理するため…

  3. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

  4. no-image
  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

  6. JQuery Clock

    JavaScript

    シンプルなアナログ時計を実装できる「JQuery Clock」

    JQuery Clockはシンプルなアナログ時計を実装できます。画像を…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP