ajSlider

JavaScript

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

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

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

ajSlider

デモ

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

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

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

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

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

ajSlider

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

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

関連記事

  1. percircle

    JavaScript

    カスタマイズもできるパーセンテージのサークル実装「percircle」

    percircleはCSSによるパーセンテージのサークルを実装できるj…

  2. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

  3. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  4. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  5. Rythim.js

    JavaScript

    音楽のリズムに合わせてボタンなどに躍動感を与える「Rythim.js」

    Rythm.jsは、あなたのホームページに躍動感を与えてくれるjsライ…

  6. jQuery Stick ‘em

    JavaScript

    スクロール時にその場所のコンテンツに応じたサイドバーが追従する「jQuery Stick ‘em」

    ちょっと使いどころがありそうなプラグインだったので使い方をメモしときま…

最近の記事

  1. Anker PowerPort 5-in-1 37.5W Hub
  2. α7C + FE28-60mm F4-5.6
  3. Apple Watch Series 6
  4. iPad Air

アーカイブ

PAGE TOP