no-image

JavaScript

グリッドレイアウトによるシンプルで軽量なギャラリー「Grid Gallery」

Grid Galleryはグリッドレイアウトによるシンプルで軽量なイメージギャラリーを実装できます。レスポンシブにも対応し、スッキリしたデザインが見やすく操作性もシンプルでとても良好です。Lightbox機能も備えています。

Grid Gallery

デモ

デモでは美しい画像がグリッドレイアウトで綺麗に並べられています。レスポンシブに対応しているので画面の横幅を縮小・拡大していくと、それに合わせて1列に並べられる画像の数も変わっていきます。

任意のサムネイル画像をクリックすると、その画像が拡大表示されます。拡大時には前後の画像に移動できる左右矢印ボタンやクローズボタンが設置されています。矢印ボタンからだけではなく、キーボードの左右キーからでも前後の画像に移動することが可能です。

クリーンでミニマルなデザインなので、画像がとても映えますね。マークアップ・使い方ともにこちらもシンプルで実装しやすいので、気になる人はぜひチェックしてみてください。

Grid Gallery

Jquery-Slider水平の画像タイムラインを実装できる「Jquery-Slider」前のページ

シンプルで可愛いCSSローディングアニメーション「Three Dots」次のページThree Dots

関連記事

  1. jquery-base-slider
  2. Docked Link jQuery Plugin
  3. EndlessRiver

    JavaScript

    エンドレスに流れていくコンテンツスライダー「EndlessRiver」

    EndlessRiverはエンドレスに流れていくコンテンツスライダーを…

  4. Mobilepopup

    JavaScript

    軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」

    Mobilepopupは、軽量でカスタマイズ性に優れたモバイルにも最適…

  5. Simple Easy Slider

    JavaScript

    美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」

    Simple Easy Sliderは美しいフェードアニメーションによ…

  6. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP