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 Accordion

    JavaScript

    シンプルで実用的なアコーディオン実装「jQuery Accordion」

    とてもシンプルで操作性のよいアコーディオン「jQuery Accord…

  2. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

  3. no-image

    JavaScript

    レスポンシブでスタイリッシュな「lightbox-jquery-plugin」

    lightbox-jquery-pluginは、レスポンシブに対応した…

  4. Vague.js

    JavaScript

    要素をぼかすことができるjQueryプラグイン「Vague.js」

    要素をぼかすことができるjQueryプラグイン「Vague.js」が面…

  5. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  6. jBox

    JavaScript

    ツールチップやモーダルウィンドウなどを実装できるjQueryプラグイン「jBox」

    jBoxはカスタマイズ性に優れたツールチップ、モーダルウィンドウ、通知…

コメント

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

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

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP