ArtDesignSlider

JavaScript

レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応したイメージスライダーを実装することができるjQueryプラグインです。自動スライドショーやナビゲーションコントロールなどスライダーに便利な機能が満載です。

ArtDesignSlider

以下はArtDesignSliderの実際のデモになります。

ArtDesignSlider

デモ

Chrome、Firefox、Opera、IE、Safariといった主要なブラウザをサポートしているとのこと。

また、画像の自動リサイズやセンタリング、矢印キーでの前後移動などいろいろな機能が搭載されています。エフェクトも24種類とたくさん用意されているのがいいですね。

デモの中にも色んなアニメーションが使われています。

ブラウザ幅を縮小したり拡大することで画像がちゃんとそれに合わせてリサイズされるのでパソコン、スマフォ、タブレットなど様々なデバイスに対応させたイメージスライダーを実装したい時に役立ちます。

関連記事

  1. no-image
  2. no-image

    JavaScript

    レスポンシブに対応したモーダルウィンドウのようなアラート実装「jquery.alert」

    jquery.alertはレスポンシブに対応したモーダルウィンドウ風の…

  3. JUMBLE

    JavaScript

    テキストの色をカラフルにシャッフルさせるjQueryプラグイン「JUMBLE」

    JUMBLEというjQueryプラグインを使えば、指定したテキストの色…

  4. stroll.js

    JavaScript

    CSS3を使った豊富なスクロールエフェクト「stroll.js」

    stroll.jsはCSS3を使った豊富なCSSリストスクロールエフェ…

  5. no-image

    JavaScript

    多彩な方向に表示できるツールチップ「jq-tooltip」

    jq-tooltipは多彩な方向に表示可能なツールチップを実装できるj…

  6. roundSlider

    JavaScript

    値の範囲を円形スライダーで表示できる「roundSlider」

    roundSliderは値の範囲を円形スライダーで表示できるjQuer…

最近の記事

  1. プラスシェル シティ04 フォールディングカメラケース
  2. enerpad AC-27KS
  3. KMS-160

アーカイブ

PAGE TOP