ajSlider

JavaScript

シンプルでさりげないアニメーションが素敵なスライドショー実装「ajSlider」

ajSliderはシンプルなスライドショーを実装することができるjQueryプラグインです。イメージギャラリーに使ったりバナーに使ったりと、いろんなシーンで活躍してくれそうです。

さりげなく切り替わっていくアニメーションがとても素敵ですね。オプションで自動スライドショーのオン・オフも可能です。というわけで、以下ajSliderのご紹介です。

ajSlider

デモ

ブラウザ画面いっぱいに表示される画像がとても迫力があり印象的です。テキストも同時に表示させることが可能です。

デモでは自動スライドショーが有効になっていますが、オプションで自動スライドショーを無効にすることもできます。

ほかにもwidthやheightを設定できたり、textPositionやtextSizeの値を指定できるオプションも用意されています。

マークアップもシンプルで非常にスッキリしているので使いやすそうですね。

というわけで、さりげないアニメーションで切り替わるシンプルなスライドショーを実装したい方は、ぜひajSliderをチェックしてみてはいかがでしょうか?

ajSlider

関連記事

  1. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

  2. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  3. Inspiration for Menu Hover Effects
  4. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

  5. JavaScript

    画像やHTML要素に簡単にドロップシャドウをつけられるjQueryプラグイン「pShadow」

    個人的にすごく便利で使う機会がありそなjQueryプラグインの紹介です…

  6. JavaScript

    ページ内のリンクをスムーズに移動できるsmoothScroll.jsを使ってみた

    ページ内のリンクをスムーズに移動してくれる「smoothScroll.…

最近の記事

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

Facebookページ

PAGE TOP