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. no-image

    JavaScript

    親要素の下端まで要素を固定表示できる「Scroll With Page」

    Scroll With Pageはスクロールしても特定の要素を固定表示…

  2. Swipeshow

    JavaScript

    スワイプにも対応したシンプルなスライドショーを実装できるjQueryプラグイン「Swipeshow」…

    タッチデバイスのスワイプにも対応したシンプルなスライドショーを実装する…

  3. jQuery Timespace

    JavaScript

    四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」

    jQuery Timespaceは上下左右と四方にドラッグ移動できる水…

  4. Slickhover.js

    JavaScript

    滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」

    とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ…

  5. jQuery Tags Input

    JavaScript

    シンプルでお洒落なタグを入力することができるjQueryプラグイン「jQuery Tags Inpu…

    とても便利で面白いjQueryプラグインがあったのでご紹介します。シン…

  6. no-image

    JavaScript

    テキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」

    jTyperはテキストリンクをタイピングアニメーションで表示できるjQ…

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP