ArtDesignSlider

JavaScript

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

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

ArtDesignSlider

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

ArtDesignSlider

デモ

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

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

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

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

reveal-it.js左から右へテキストが美しくフェードイン表示する「reveal-it.js」前のページ

コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」次のページAlton

関連記事

  1. Schedule Template

    JavaScript

    シンプルなスケジュール表を実装する「Schedule Template」

    スッキリしたデザインのシンプルなスケジュールテンプレートを実装するため…

  2. Sal.js

    JavaScript

    Vanilla JSによる軽量のスクロールアニメーションライブラリ「Sal.js」

    Sal.jsは軽量のスクロールアニメーションを実装できるライブラリです…

  3. no-image

    JavaScript

    2枚の画像の違いを比較できるjQueryプラグイン「baSlider」

    baSliderはビフォー・アフターのような2枚の画像の違いを比較でき…

  4. Woco Accordion jQuery plugin
  5. Text Rotator
  6. jquery-scrollstop

    JavaScript

    スクロールの開始・終了時のイベントを設定できる「jquery-scrollstop」

    jquery-scrollstopはスクロールの開始・終了時のイベント…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP