no-image

JavaScript

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

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

Albery

Albery

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

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

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

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

関連記事

  1. Multi-level push menu
  2. Responsive Nav

    JavaScript

    レスポンシブ対応の軽量なナビゲーションを実装できる「Responsive Nav」

    レスポンシブ対応のナビゲーションを実装できる「Responsive N…

  3. jQuery Text Fade Delay
  4. Wallpaper

    JavaScript

    背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」

    WallpaperというjQueryプラグインを使えば背景画像のレイア…

  5. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP