no-image

JavaScript

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

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

Gliding Gallery

Gliding Gallery

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

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

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

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

関連記事

  1. jQuery Inline Footnotes

    JavaScript

    ホバーで脚注を表示できる「jQuery Inline Footnotes」

    jQuery Inline Footnotesはホバーすることで脚注の…

  2. JavaScript

    レスポンシブにも対応している人気のjQueryプラグインのスライダー「Nivo Slider」の使い…

    レスポンシブにも対応している人気のjQueryプラグイン「Nivo S…

  3. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

  4. JavaScript

    タッチ、フリック、レスポンシブ対応のスライダーギャラリー「Flickity」

    Flickityはスマフォやタブレットに最適なタッチやフリック、または…

  5. slideSpeed

    JavaScript

    スライドアップ・ダウンを設定された速度で制御できる「slideSpeed」

    slideSpeedは、特定の要素のスライドアップ・スライドダウンを設…

  6. jQueryプラグインのスライダー集

    JavaScript

    【jQueryプラグイン】素晴らしい機能が満載のスライダー集

    jQueryプラグインには様々な役立つ機能がありますが、中でも人気が高…

最近の記事

  1. cheero Stream 10000mAh
  2. BOSE HOME SPEAKER 300
  3. RP-PC112
  4. SRS-XB402M
  5. Lite LR30

アーカイブ

PAGE TOP