no-image

JavaScript

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

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

Gliding Gallery

Gliding Gallery

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

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

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

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

no-image軽量で操作性もいい画像ズーム機能を実装できる「Simple Image Zoomer jQuery Plugin」前のページ

カスタマイズもできるダイナミックなコンタクトフォーム「Swyft Callback」次のページno-image

関連記事

  1. no-image

    JavaScript

    コンテナのサイズに合わせて要素を動的に拡大・縮小できる「Scalable」

    Scalableは、コンテナ領域内にある要素をコンテナのサイズに合わせ…

  2. jQuery touchSwipe Carousel
  3. VerticalShift

    JavaScript

    要素を縦長に並べてマウスオーバーで全部表示させるjQueryプラグイン「VerticalShift」…

    とても面白い見せ方だったのでご紹介します。要素を縦長に並べてマウスオー…

  4. Typewriter JS

    JavaScript

    タイプライターっぽいエフェクトでテキストを表現できる「Typewriter JS」

    Typewriter JSは、タイプライターを使って文字入力するような…

  5. Chameleon.js
  6. Lazy Load

    JavaScript

    画像の読み込みを遅らせてスクロールに合わせて表示させるjQueryプラグイン「Lazy Load」

    画像の読み込みを遅らせて表示させることができるjQueryプラグイン「…

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP