ArtDesignSlider

JavaScript

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

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

ArtDesignSlider

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

ArtDesignSlider

デモ

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

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

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

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

関連記事

  1. pull-to-reload

    JavaScript

    下へ引いてページをリフレッシュ(リロード)できる「pull-to-reload」

    pull-to-reloadは、Webページ内で下へ引くだけでページを…

  2. SmartPhoto.js

    JavaScript

    レスポンシブなイメージビューアを実装できる「SmartPhoto.js」

    SmartPhoto.jsは、レスポンシブに対応したかっこいいイメージ…

  3. Rain & Water Effect Experiments
  4. Zooming

    JavaScript

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

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

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーションを遅らせるにはdelayを使えばいいらしい

    ちょっとしたメモです。jQueryでanimateをメソッドチェーンで…

  6. jQuery Navobile

最近の記事

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

アーカイブ

PAGE TOP