ajSlider

JavaScript

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

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

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

ajSlider

デモ

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

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

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

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

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

ajSlider

関連記事

  1. no-image
  2. swingdrag

    JavaScript

    jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

    swingdragは、jQuery UIのドラッグ機能にスイング効果を…

  3. hoverpulse

    JavaScript

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hoverpulse」

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hov…

  4. Stepper.js

    JavaScript

    数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」

    Stepper.jsは数値入力ボックスでの数値を手軽にアップ・ダウンで…

  5. jQuery Lighter

    JavaScript

    優雅なフェードで拡大縮小されるLightbox系ギャラリー・jQuery Lighter

    jQuery Lighterは美しいフェードで画像を拡大縮小させること…

  6. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP