ssi-modal

JavaScript

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

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

ssi-modal

デモ

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

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

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

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

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

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

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

ssi-modal

NO IMAGEシンプルなシェアボックス(ソーシャルボタンリスト)を実装できる「jquery.sharebox」前のページ

レスポンシブ対応のスタイリッシュなスライドショー実装「offbeatSlider」次のページNO IMAGE

関連記事

  1. jQuery-ResizableColumns

    JavaScript

    テーブルのカラムをリサイズできる「jQuery-ResizableColumns」

    jQuery-ResizableColumnsは、テーブルのカラムをリ…

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

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  3. JavaScript

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイン「jQuery Zoom」

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイ…

  4. JavaScript

    JavaScriptの配列操作をメモがてら整理してまとめてみる

    自分用のメモです。JavaScriptの配列操作に関するメソッドなんか…

  5. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  6. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP