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. Simple Lightbox
  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる

    すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが…

  3. Checkify

    JavaScript

    軽量でカスタマイズ性も高いjQueryバリデーションプラグイン「Checkify」

    Checkifyは軽量でカスタマイズ性も高いバリデーション機能を実装で…

  4. uploadHBR

    JavaScript

    複数の画像選択に対応したjQueryファイルアップローダー「uploadHBR」

    uploadHBRは複数の画像選択に対応したファイルアップローダーを実…

  5. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  6. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

最近の記事

  1. FE 35mm F1.8
  2. RONIN-SC
  3. プラスシェル シティ04 フォールディングカメラケース

アーカイブ

PAGE TOP