Parallax Slider with jQuery

JavaScript

パララックス効果がとても素敵なjQueryスライダー「Parallax Slider with jQuery」

Parallax Slider with jQueryというjQueryスライダーはパララックス効果がとても素敵なプラグインです。実際のデモでは画像と背景の動くスピードに若干のズレがあり、これによってダイナミックさと優美さを感じることができます。ありきたりなスライダーでは物足りないという人にはよさそうですね。

[ads_center]

Parallax Slider with jQueryの使い方

Parallax Slider with jQuery

Parallax Slider with jQuery デモ

Parallax Slider with jQuery

左右には画像を切り替える矢印アイコンがあり、下部にはサムネイル画像のナビゲーションがあります。お洒落ですね。

$(function() {
    var $pxs_container  = $('#pxs_container');
    $pxs_container.parallaxSlider();
});

パララックスを使用したスライダーを実装したい時に使ってみたいですね。

関連記事

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

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  2. jQueryTween

    JavaScript

    軽量で軽快なアニメーションをするjQueryプラグイン「jQueryTween」

    jQueryTweenは軽量で軽快なアニメーションを実装することができ…

  3. Bara-Bones-Slider

    JavaScript

    優れたカスタマイズ性を有するjQueryスライダー「Bara-Bones-Slider」

    Bara-Bones-Sliderは、優れたカスタマイズ性を有するイメ…

  4. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  5. SpriteSpin

    JavaScript

    タッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」

    SpriteSpinはプロダクトページなどで役立つ、360度ビューを実…

  6. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP