no-image

JavaScript

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

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

Albery

Albery

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

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

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

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

no-imageBootstrap 4を使ったステッパープラグイン「bs-stepper」前のページ

ランダムに動くサークル状の美しいアニメーション実装「jQuery Flying Circles plugin」次のページno-image

関連記事

  1. gridscrolling.js
  2. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  3. Lity

    JavaScript

    超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」

    Lityは、超軽量でアクセシブル・レスポンシブなLightboxプラグ…

  4. autoscroll.js

    JavaScript

    コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」

    autoscroll.jsはwebページ内のコンテンツを自動でスクロー…

  5. JavaScript

    ナビゲーションをレスポンシブデザインにしてくれるjQueryプラグイン「HorizontalNav」…

    覚えておくと便利そうだったのでメモがてらエントリーします。リスト化した…

  6. jQuery googleslides

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP