no-image

JavaScript

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

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

Albery

Albery

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

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

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

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

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

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

関連記事

  1. Swipebox

    JavaScript

    スマホやタブレットのスワイプにも対応したLightboxを実装できるjQueryプラグイン「Swip…

    今後かなり需要がありそうなjQueryプラグインがあったので使い方も兼…

  2. jQuery Tooltip Basic

    JavaScript

    カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」

    jQuery Tooltip Basicは、カスタマイズしやすいツール…

  3. paroller.js

    JavaScript

    垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」

    paroller.jsは垂直・水平方向の動きに対応したパララックス効果…

  4. no-image

    JavaScript

    要素ごとにスクロールできるjQueryプラグイン「snapScroll.js」

    snapScroll.jsは要素ごとにきりのいいところでスクロールされ…

  5. Dynamic Table

    JavaScript

    スプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」

    Dynamic Tableはスプレッドシートのような高機能なテーブルを…

  6. JavaScript

    シンプルで軽量のレスポンシブなjQueryスライダー「ResponsiveSlides.js」を使っ…

    とてもシンプルで使いやすそうなレスポンシブのjQueryスライダー「R…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP