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. FModal.JS

    JavaScript

    シンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」

    FModal.JSはシンプルなフルスクリーンのモーダルウィンドウを実装…

  2. autoscroll.js

    JavaScript

    コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」

    autoscroll.jsはwebページ内のコンテンツを自動でスクロー…

  3. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  4. FocusPoint

    JavaScript

    画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

    FocusPointというjQueryプラグインを使えば、画像の指定し…

  5. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  6. VerticalShift

    JavaScript

    要素を縦長に並べてマウスオーバーで全部表示させるjQueryプラグイン「VerticalShift」…

    とても面白い見せ方だったのでご紹介します。要素を縦長に並べてマウスオー…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP