MG Space

JavaScript

Google画像のようなアコーディオンプラグイン「MG Space」

MG SpaceはGoogle画像のようなjQueryアコーディオンプラグインです。サムネイルを並べたグリッドスタイルやスライダー、画像とテキストを組み合わせたものなど、いろんなパターンがあります。

MG Space

デモ

デモでは、「Thumbnail Galleries」「Sliders」「Or really anything」の3つのタイプが用意されています。それぞれの項目にある「CLICK ME!」ボタンをクリックすると、その下に各タイプのコンテンツが表示されます。

Thumbnail Galleriesはグリッドスタイルで綺麗に並べられたサムネイル画像が表示され、Slidersは1枚の大きい画像が表示されて左右の矢印ボタンから前後にスライドできるようになっています。

また、Or really anythingでは左側に画像が、右側にはテキストが表示されたレイアウトのコンテンツが表示されます。

ほかにも、ページ下部にBasic Grid Demo、Basic No Grid Demo、Multiple Grid Demo、History Demo、Slick JS Demoといったデモも用意されています。

いろんなパターンがあるので、画像をどのようにユーザーに見せたいか、それに合わせて最適なものをチョイスできるのがいいですね。

使い方・マークアップともに簡単なので、気になる人はぜひチェックしてみてください。ライセンスはMITとのこと。

MG Space

Timelinyレスポンシブ対応の年ベースによるjQueryタイムライン「Timeliny」前のページ

テキストタイピングエフェクトを実装できる「TyperText」次のページTyperText

関連記事

  1. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  2. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  3. jQuery Sidebar

    JavaScript

    上下左右からクイックなスライド表示させることができるjQuery Sidebar

    jQuery Sidebarは上下左右からスライド表示させることができ…

  4. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

  5. flexible-bootstrap-carousel
  6. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP