パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」

Ads

simpleParallax.js


simpleParallax.jsはパララックス効果を簡単に付与できるスクリプトです。非依存型のシンプルで軽量なスクリプトで、任意の画像にパララックスアニメーションを簡単に付与する事が出来ます。

パララックス効果は、直接画像タグに適用するので背景画像を使用する必要はありません。

<script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js"></script>
<img class="thumbnail" src="image.jpg" alt="image">

👆のようにスクリプトを読み込んで画像を用意します。

var image = document.getElementsByClassName('thumbnail');
new simpleParallax(image);

👆あとは対象となる画像を指定すれば完成です。オプションも色々用意されています。

個人的に関わるプロジェクトはこの手のエフェクトは有っても無くてもさほど求めるゴールに影響ない事が殆どですが求められたら、まぁ仕方ないですよね。

ライセンスはMITとの事です。

simpleParallax.js