ajSlider

JavaScript

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

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

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

ajSlider

デモ

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

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

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

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

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

ajSlider

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

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

関連記事

  1. Zooming

    JavaScript

    クールな画像ズーム機能を実装できる「Zooming」

    Zoomingはクールでかっこいい画像ズーム機能を実装することができる…

  2. CircularLoader.js

    JavaScript

    シンプルな円形プログレスバーを簡単に実装できる「CircularLoader.js」

    CircularLoader.jsは円形プログレスバーを簡単に実装する…

  3. Unite Gallery

    JavaScript

    レスポンシブな画像・動画ギャラリーを実装できる「Unite Gallery」

    Unite Galleryは、レスポンシブに対応した画像・動画ギャラリ…

  4. Wallpaper

    JavaScript

    背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」

    WallpaperというjQueryプラグインを使えば背景画像のレイア…

  5. Select.js

    JavaScript

    セレクトボックスをオシャレにスタイリングしてくれるJS・CSSライブラリ「Select.js」

    Select.jsはセレクトボックスをシンプルでオシャレにスタイリング…

  6. Owl Carousel 2

    JavaScript

    美しいレスポンシブなカルーセルスライダーを実装できる「Owl Carousel 2」

    Owl Carousel 2は、美しいレスポンシブなカルーセルスライダ…

最近の記事

  1. ハンガリー産 純粋アカシアはちみつ
  2. COMOLI ダブルレイヤー L/Sクルー
  3. メキシコ オアハカ
  4. ドリップ
  5. チェリー

アーカイブ

PAGE TOP