desoSlide

JavaScript

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

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

[ads_center]

desoSlide

desoSlide

desoSlide

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

デモ

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

関連記事

  1. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

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

    JavaScript

    jQueryでアニメーション動作中と停止中で処理を分ける:animatedと:not(:animat…

    jQueryでアニメーションが動作中の時だけ、またはアニメーションが停…

  3. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  4. Stepper.js

    JavaScript

    数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」

    Stepper.jsは数値入力ボックスでの数値を手軽にアップ・ダウンで…

  5. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  6. Bricks.js

    JavaScript

    超高速なMasonryレイアウトを実装できる「Bricks.js」

    Bricks.jsは、固定した幅で配置する画像などの要素をすばやく配置…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP