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

h5ValidateHTML5のフォームバリデーションを実装できるjQueryプラグイン「h5Validate」前のページ

親コンテナにテキストをフィットさせられる「Fitty」次のページFitty

関連記事

  1. Simple Easy Slider

    JavaScript

    美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」

    Simple Easy Sliderは美しいフェードアニメーションによ…

  2. EZ Tabs jQuery Plugin
  3. Simply Modal Box
  4. jQuery Autocompleter

    JavaScript

    カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」

    jQuery Autocompleterはカスタマイズ性に優れたサジェ…

  5. ItemSlide.js

    JavaScript

    タッチやスワイプでスライドするカルーセルのjQueryプラグイン「ItemSlide.js」

    ItemSlide.jsはタッチ、スワイプ、スクロールなどでスライドす…

  6. diamonds.js

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP