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-base-slider
  2. Bootstrap Navbar Sidebar

    JavaScript

    サイドに固定できるナビゲーション実装「Bootstrap Navbar Sidebar」

    Bootstrap Navbar Sidebarは、サイドに固定できる…

  3. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

  4. Zooming

    JavaScript

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

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

  5. Bar Indicator

    JavaScript

    数値をインジケーターで見やすく表示できる「Bar Indicator」

    Bar Indicatorは数値をインジケーターで表示させることができ…

  6. LuminJS

    JavaScript

    テキストを徐々にハイライトしていく「LuminJS」

    LuminJSはWebページ上のテキストを徐々にハイライトしていくJa…

コメント

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

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

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP