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. Timeline

    JavaScript

    水平・垂直に対応したVanilla JSによるタイムライン実装「Timeline」

    Timelineは水平・垂直に対応したVanilla JSを使ったタイ…

  2. jBox

    JavaScript

    ツールチップやモーダルウィンドウなどを実装できるjQueryプラグイン「jBox」

    jBoxはカスタマイズ性に優れたツールチップ、モーダルウィンドウ、通知…

  3. Navi.js

    JavaScript

    ナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」

    ナビゲーションとコンテンツが連動して切り替わる便利なjQueryプラグ…

  4. Luminous

    JavaScript

    軽くてシンプルなLightboxを実装できるスクリプト「Luminous」

    Luminousを使えば軽くてシンプルなLightboxを実装すること…

  5. SWAPMYLI

    JavaScript

    スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「…

    シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミ…

  6. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

最近の記事

  1. チャイラテ
  2. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  3. COMOLI ナッピングウールショーツ
  4. 川上庵(麻布十番)牡蠣天せいろ
  5. COMOLI ウールフリースセットアップ
PAGE TOP