学生時代に一度は誰しもノートや教科書の切れ端でやったことはあるであろうパラパラアニメ、それを、社会人にもなってやることになりました。 JavaScriptのjQueryを使ってパラパラアニメを表示させる方法をご紹介します、 実現方法 教科書では無く、今回は一枚の縦長の画像を使用します。 表示範囲を決めて等間隔で移動させてパラパラアニメの様に表示させます。 パラパラアニメを表示させるJavaScriptの記述例 ※jquery.min.js(1.4系)ファイルを読み込みます。パラパラアニメを表示させるid、、表示させたいエリアの幅(px)、高さ(px)、フレームレート(フレームス パー セコンド)、切替デフォルト画像(parapara_anime.jpg)、切替りのフレーム最大枚数等を設定し、setInterval()を使って処理を繰り返します。 <script type="text/jav
![パラパラアニメを表示させるjQuery|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/accc8a55b78cf8304e0edc3947b5444767921945/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2019%2F05%2Fbrando-makes-branding-EYGFG3thfAo-unsplash-1.jpg)