Skitter

JavaScript

豊富なアニメーションでカスタマイズ性に優れたスライドショーを実装できる「Skitter」

Skitterは豊富なアニメーションでカスタマイズ性に優れたスライドショーを実装することができるjQueryプラグインです。38種類のアニメーションと2タイプのナビゲーションが用意されているほか、オプションもたくさん用意されています。

Skitter

デモ

デモではいろんなアニメーションによるスライドを見ることができます。自動でスライドしますが、下部のナビゲーションから任意で画像をスライドさせることも可能です。

どのアニメーションも美しくてとても素敵ですね。スライダーはレスポンシブにもなっています。

オプションの数もかなり豊富で、velocity、interval、animation、numbers、navigation、label、easing_default、thumbs、hide_tools、fullscreen、xml、dots、show_randomly、onLoad、numbers_align、preview、focus、focus_position、controls、controls_position……などなど、ほかにもたくさんのオプション項目が用意されています。

ナビゲーション、フルスクリーンの有効・無効やアニメーションの指定など、いろんな機能のセッティングをオプションから手軽に利用できるのがいいですね。

そのほか、APIにはgetAnimations、setAnimation、next、prevが用意されています。また、テーマにもDefault、Clean、Minimalist、Round、Squareといった種類があります。

というわけで、豊富なアニメーションやオプションでカスタマイズ性の高いjQueryスライダー「Skitter」のご紹介でした。Skitterの具体的な使い方やダウンロードは、下記のページからどうぞ。

Skitter

関連記事

  1. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  2. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

  3. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  4. NO IMAGE
  5. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  6. no-image

    JavaScript

    タブやアコーディオンを実装できるjQueryプラグイン「jpix」

    jpixはシンプルなタブやアコーディオンを実装することができるjQue…

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP