no-image

JavaScript

ミニマルなイメージギャラリーを実装できる「Albery」

Alberyはミニマルなイメージギャラリーを実装できるjQueryプラグインです。シンプルで無駄がなく、とてもスッキリしたイメージギャラリーになります。シンプルがゆえにいろんなサイトに合わせやすそうですね。

Albery

Albery

デモではミニマルなデザインのイメージギャラリーを見ることができます。メイン画像の下にはサムネイル画像が設置されていて、ここから任意の画像を選ぶことができるほか、メイン画像の中には左右の矢印ボタンが用意されていて、ここから画像を前後移動することも可能です。

メイン画像を切り替えるとそれに合わせてサムネイル画像の一覧も移動するのが便利ですね。特定のスペース内でたくさんの画像をユーザーに見せたい場合には最適なイメージギャラリーになるのではないでしょうか?

ちなみに画像の切り替わりはスライドアニメーションで行われます。マークアップもかなりシンプルに記述できるので実装しやすいところもグッドです。また、オプションにはspeedとimgWidthという項目が用意されています。

というわけで、ミニマルでスッキリした印象のイメージギャラリーを実装したい人は、ぜひ「Albery」を活用されてみてはいかがですか?

関連記事

  1. Light-Zoom

    JavaScript

    CSSを使用した画像ズームを実装できるjQueryプラグイン「Light-Zoom」

    Light-Zoomは純粋なCSSを使用した画像ズーム(拡大)機能を実…

  2. table-dragger

    JavaScript

    ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

    table-draggerはドラッグ&ドロップでテーブルの並べ替えを可…

  3. no-image
  4. simpler-sidebar

    JavaScript

    シンプルでスタイリッシュなサイドナビゲーション「simpler-sidebar」

    simpler-sidebarは、シンプルでスタイリッシュなサイドナビ…

  5. JavaScript

    jQuery MobileでWebサイトをスマートフォン対応にする時に見ておきたい記事のまとめ

    今更ながらようやくjQuery Mobileを使い始めたんですが、基本…

  6. jQuery Lighter

    JavaScript

    優雅なフェードで拡大縮小されるLightbox系ギャラリー・jQuery Lighter

    jQuery Lighterは美しいフェードで画像を拡大縮小させること…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる

アーカイブ

PAGE TOP