PIGNOSE-ParallaxSlider

JavaScript

パララックス効果を備えたスライダーを実装できる「PIGNOSE-ParallaxSlider」

PIGNOSE-ParallaxSliderは、パララックス効果を備えたかっこいいスライダーを実装することができるjQueryプラグインです。パララックス付きのレイヤリングされたスライダーを設置したい人は要チェックです。

PIGNOSE-ParallaxSlider

デモ

デモでは画面の横いっぱいに広がったスライダーが表示されていて、中央にある画像の中にレイヤリングされた小さい画像がもう1つ表示されています。大きい方の画像がスライドされると同時に、パララックス効果のついた小さい画像もスライドされます。

スライダーは自動でスライドしていきますが、小さい画像内から再生・停止することが可能です。そのほか、前後移動できる矢印やナビゲーションも用意されています。

また、実用的なオプションもいろいろあるのでカスタマイズしたい人にも最適です。主なオプションは、speed、interval、direction、diffTime、controlAnim、pagination、auto、isLocal、play、pause、next、prev、afterMoveです。

ちなみに、デフォルトのspeed値は1200、intervalは3000、directionはright、paginationはauto、autoはtrueに設定されています。

PIGNOSE-ParallaxSliderでは、IE 8+、Chrome、Firefox、Safari、Operaとほとんどのブラウザをサポートしているのも特徴です。ライセンスはMITとのこと。

PIGNOSE-ParallaxSlider

関連記事

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

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  3. simpler-sidebar

    JavaScript

    シンプルでスタイリッシュなサイドナビゲーション「simpler-sidebar」

    simpler-sidebarは、シンプルでスタイリッシュなサイドナビ…

  4. Basic Metro Dynamic jQuery Tab Menu
  5. JUMBLE

    JavaScript

    テキストの色をカラフルにシャッフルさせるjQueryプラグイン「JUMBLE」

    JUMBLEというjQueryプラグインを使えば、指定したテキストの色…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城
  5. ハードサイド CS80

Instagram始めました

Facebookページ

PAGE TOP