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();
});

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

シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」前のページ

Google翻訳で音声や単語の使用例を確認できるのがとても便利次のページGoogle翻訳の音声や使用例

関連記事

  1. flubber

    JavaScript

    滑らかなシェイプアニメーションを実装できる「flubber」

    flubberは、滑らかな2Dによるシェイプアニメーションを実装するこ…

  2. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

  3. PleaseWait

    JavaScript

    ローディングアイコンをオシャレに実装することができる「PleaseWait」

    PleaseWaitはローディングアイコンをオシャレに見せることができ…

  4. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  5. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

  6. Smooth Scroll behavior polyfill

コメント

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

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

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP