no-image

JavaScript

スタイリッシュで美しいイメージスライダー「Gliding Gallery」

Gliding Galleryはスタイリッシュで美しいシンプルなイメージスライダーです。サムネイル画像やキャプションも表示させることができます。画像をカッコよく見せたい場合にとてもよさそうですね。

Gliding Gallery

Gliding Gallery

スライダーの左下にはサムネイル画像が並べられていて、ここから見たい画像を選択できます。画像はスライドで切り替わります。

サムネイル画像は白黒になっていますが、現在メインエリアに表示されているサムネイル画像だけはカラーになっているので、どの画像が現在表示中かすぐに把握できるのが便利です。

また、画像とともにキャプションも表示されます。キャプションの上には左右の矢印ボタンが設置されていて、ここから画像を前後に移動することもできます。

シンプルで操作性もいいお洒落なイメージスライダーを実装したい人は、ぜひ「Gliding Gallery」をチェックされてみてはいかがですか?

関連記事

  1. Sticky Slider Navigation(Responsive)
  2. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  3. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

  4. Rollerblade.js

    JavaScript

    画像を360度回転させて見せることができるjQueryプラグイン「Rollerblade.js」

    Rollerblade.jsというjQueryプラグインを使えば、画像…

  5. ad-datepicker

    JavaScript

    アクセシブルなデートピッカーを実装できる「ad-datepicker」

    ad-datepickerはアクセシブルなデートピッカーを実装できるj…

  6. SuperEmbed.js

    JavaScript

    さまざまな埋め込み動画をレスポンシブで表示できる「SuperEmbed.js」

    SuperEmbed.jsは、さまざまな埋め込み型の動画をレスポンシブ…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP