no-image

JavaScript

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

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

Albery

Albery

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

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

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

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

関連記事

  1. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

  2. lightgallery.js
  3. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  4. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  5. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  6. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

最近の記事

  1. Slim Sleeve Wine

アーカイブ

PAGE TOP