こんにちは。
今回はパララックス効果を実装できるjQueryのプラグインまとめ!です。
ユーザーにすごいと思わせる手法は、一昔前はフラッシュだったが、iPhoneの登場により消えました。
その代わりの一つにパララックス(parallax)があります。
画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニックです。
そんなパララックスを簡単に実装できるjQueryのプラグインを集めてみました!
パララックス効果を実装できるjQueryのプラグインまとめ!
jarallax.js
Stellar.js
skrollr
Parallax.js
Parallax ImageScroll
Parallax-JS
Scrolling Parallax
Swift Parallax
Nikebetterworld Parallax Effect
SUPERSCROLLORAMA
Scrolly
Parallax-Scrolling
Simple Parallax Scroll
jQuery Parallax
jQuery Scroll Path
Create a Parallax Scrolling Website Using Stellar.js
scrolldeck.js
StarScroll
Develop A jQuery Parallax Scrolling Framework
jInvertScroll
Parallax Scrolling
Parallax + Blur + Fixed menu
Creating a Parallax Scrolling Webpage Using Jarallax.js
Scrollorama
jquery.parallax
Plax
Stellar.js
Sequence.js
Parallax Content Slider with CSS3 and jQuery
Parallax Slider with jQuery
FractionSlider
jQuery Destaque
プラグインなしでパララックスを作りたい方は下記の記事が参考になります。
パララックスサイトの基本的な作り方
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
やりすぎるとユーザビリティの低下の原因になりますので、少し注意が必要です!
以上でパララックス効果を実装できるjQueryのプラグインまとめ!でした。