MG SpaceはGoogle画像のようなjQueryアコーディオンプラグインです。サムネイルを並べたグリッドスタイルやスライダー、画像とテキストを組み合わせたものなど、いろんなパターンがあります。
MG Space
以下のページから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とのこと。
というわけで、Google画像のようなアコーディオンプラグイン「MG Space」の紹介でした。MG Spaceの具体的な実装方法やダウンロードなどは、以下のページからどうぞ。
