ajSlider

JavaScript

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

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

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

ajSlider

デモ

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

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

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

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

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

ajSlider

ヤザワの極小ハンディタップ3個口(0.5m)コンパクトで使いやすいヤザワの極小ハンディタップ3個口(0.5m)前のページ

エレメントがくっついてくるアニメーション「Sticky Elements」次のページSticky Elements

関連記事

  1. no-image

    JavaScript

    テキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」

    jTyperはテキストリンクをタイピングアニメーションで表示できるjQ…

  2. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  3. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  4. no-image

    JavaScript

    コンテナのサイズに合わせて要素を動的に拡大・縮小できる「Scalable」

    Scalableは、コンテナ領域内にある要素をコンテナのサイズに合わせ…

  5. Lightense Images
  6. jquery-bubble-text

    JavaScript

    テキストがアニメーションで切り替わっていく「jquery-bubble-text」

    jquery-bubble-textは、テキストが次々に切り替わってい…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP