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. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

  2. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

  3. Tiny slider
  4. jQuery Page

    JavaScript

    モバイルに最適なスライドやフリップを実装できる「jQuery Page」

    jQuery Pageは、スマホなどモバイルに最適なスライドやフリップ…

  5. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

  6. hummingbird-popover

    JavaScript

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

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP