注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

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


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

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG