desoSlide

JavaScript

サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

desoSlideというjQueryプラグインを使えば、サムネイル付きのナビゲーションが素敵なスライダーを実装することができます。キャプションにリンクを設定したり、スライドショーの自動再生機能も付いています。いろいろと便利な機能が揃っているので、スライダーを実装したい時に覚えておきたいプラグインですね。

[ads_center]

desoSlide

desoSlide

desoSlide

実際のデモでは、サムネイル画像をクリックすると、フェードでスライドが切り替わっていきます。メインの場所には前後に移動できる左右矢印アイコンや、自動再生ボタンも付いています。

デモ

というわけで、サムネイルナビ付きのjQueryスライダー「desoSlide」のご紹介でした。

関連記事

  1. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのfocusとblurを使えばフォームが便利になる

    jQueryのfocusとblurを使えばフォームを便利にすることがで…

  3. jQuery Hero Slider Plugin
  4. fullPage.js

    JavaScript

    フルページでコンテンツごとにスクロールする「fullPage.js」

    fullPage.jsはフルページでコンテンツごとにスクロールするレス…

  5. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

  6. Smooth Scroll behavior polyfill

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP