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

関連記事

  1. jquery.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

  2. no-image

    JavaScript

    マスクエフェクトが素敵なスライダー実装「Masked Circle Slider」

    Masked Circle Sliderは、円形のマスクエフェクトが素…

  3. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

  4. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

  5. jQuery_Overlay_Menu
  6. jCorner

    JavaScript

    フラットデザインに合う紙をめくったエフェクトを実装できるjQueryプラグイン「jCorner」

    jCornerというjQueryプラグインを使ってみました。フラットデ…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP