サイト訪問時にオープニングアニメーションをつけたい

Question

前提

サイト訪問時に、以下サイトの様なオープニングアニメーションをつけたいです。
https://marushonan.com/lp-n3yq/?hl=A&spl=long

実現したいこと

• 画像が順番にズームアウトしながら出てくる
• 画像の量は変更できる様にする
• アニメーションが終わるとサイトが表示される

発生している問題・エラーメッセージ

画像の数を変更したい

該当のソースコード

    /*===アニメーション===*/
    function start_nowCustomer(){

        //ロゴ
        $("#StartAnimation .logo").faderIn();

        var outTime = 230;

        if($(window).width() < 420){
           outTime = 340;
        }

        //1文字目
        $("#StartAnimation .text").eq(0).find("span")
        .transit({
            "scale" : 1.07,
            "opacity" : 1
        },300,"easeInOutCubic")
        .transit({
            "scale" : 0.9,
        },3400,"linear")
        .transit({
            "scale" : 0.2,
            "opacity" : 0
        },outTime,"easeOutExpo",function(){


        //2文字目
        $("#StartAnimation .text").eq(1).find("span")
        .transit({
            "scale" : 1.05,
            "opacity" : 1
        },300,"easeInOutCubic")
        .transit({
            "scale" : 0.9,
        },2400,"linear")
        .transit({
            "scale" : 0.2,
            "opacity" : 0
        },outTime,"easeOutExpo",function(){

        setTimeout(headLoad,200);

        //3文字目
        $("#StartAnimation .text").eq(2).find("span")
        .transit({
            "scale" : 1.05,
            "opacity" : 1
        },300,"easeInOutCubic")
        .transit({
            "scale" : 0.9,
        },2000,"linear")
        .transit({
            "scale" : 0.2,
            "opacity" : 0
        },outTime,"easeOutExpo",function(){
                $window.off("resize",onHeightScroll);
                seceneMove();
            });

        });  
        });

    }

試したこと

参考サイトのソースをコピーし、そのまま使用すると動いたのですが、

htmlに画像を追加し、
上記js箇所
//3文字目の部分をコピーして、//4文字目として増やしても画像が増えませんでした。
上記のコードのどこを編集すれば画像が追加できるでしょうか？
また、減らす場合はどのコードを編集すればよいでしょうか？

補足情報（FW/ツールのバージョンなど）

※もし可能なら、参考サイトから流用せずに、シンプルで初心者にカスタマイズしやすいコードでサンプルサイトなどがありましたらお教えいただけると有り難いです。
jsに関して知識が乏しいため、お知恵をお貸しいただければ幸いです。

Answer 1

一昔前の古臭いWEBサイトに思われてしまいますが、いいんでしょうか
今のご時世こういうアニメーションは好まれません

Comments

[退会済みユーザー]

それでもよければ、
画像を中央表示してズームアウト、画像を切り替えていってるだけです

[esa]

ありがとうございます。クライアントからこの様な動きをつけたいとの要望でした。
ズームアウト、画像切替えと、動きとしてはシンプルなのですが、jsが触れず苦戦しております。。

[m.ts10806]

当該ユーザーは既存ユーザに似た名前（登録名は”rtyyytf”なので何を思ったのか後で変えたのでしょう）に同じアイコンを利用したなりすまし
なので、真に受けないようにしましょう。通報案件です。
以下のような投稿を平気でするような荒らしです。
https://teratail.com/questions/ct5c6kl9wj4pet の質問
https://teratail.com/questions/3ez4ip344zmfci の回答