KGallery

JavaScript

縦や横に配置されたサムネイルから画像を選択できるjQueryの画像ギャラリー「KGallery」

縦や横に配置されたサムネイルから画像を選択することができるjQueryの画像ギャラリー「KGallery」。サムネイル画像の近くにある矢印をクリックすることで次のサムネイル一覧や前のサムネイル一覧にスライドさせるこもできます。たくさんの画像を見せたいけどスペースが限られているという時に活躍してくれそうです。

[ads_center]

使いやすいデザイン

KGallery

上記は縦に配置されたサムネイル画像のタイプ。右側にあるサムネイルから見たい画像を選択します。拡大画像の左上にあるメニューアイコンでも次/前の画像に行くこともできるし、スライドショーの再生/停止もできます。

シンプルなデザインですが、とても使いやすい配置になっているかと思います。画像ギャラリーを実装したい時の選択肢の一つとして覚えておくとよさそうですね。

ちなみに縦に配置されたサムネイル以外にも、スライドショーだけのものやサムネイルだけのものもあります。

実際のデモや使い方に関しては以下から確認できます。

関連記事

  1. topbar

    JavaScript

    画面上部に美しいプログレスバーを表示できる「topbar」

    topbarは、ページ読み込み時に画面上部に美しいプログレスバーを表示…

  2. jQuery.appear

    JavaScript

    ビューポート外のコンテンツ表示を防止できる「jQuery.appear」

    jQuery.appearは、元々は非表示となっているものや、ビューポ…

  3. iziToast

    JavaScript

    エレガントでレスポンシブに対応したトーストを実装できる「iziToast」

    iziToastは、エレガントでレスポンシブに対応した軽量のトーストを…

  4. EZ Tabs jQuery Plugin
  5. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  6. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP