Gif to still image processing

In some low core browsers , When the performance is relatively low , Plus gif Cannot compress , Especially affects memory , It's easy to cause page jam . Handle ： Convert to still picture

<div class="bxGifBox">            
                    <img src="./img/gif/bx-1.png" class="bxGif" />
                    <img src="./img/gif/bx-2.png" class="bxGif" />
                    <img src="./img/gif/bx-3.png" class="bxGif" />
                    <img src="./img/gif/bx-4.png" class="bxGif" />
                    <img src="./img/gif/bx-5.png" class="bxGif" />
                    <img src="./img/gif/bx-6.png" class="bxGif" />
                    <img src="./img/gif/bx-7.png" class="bxGif" />
             
                </div>

function bxanimate() {
    for (let i = 0; i < 34; i++) {
        (function (j) {
            setTimeout(function () {
                $(".bxGif").removeClass("bxopcity1");
                $(".bxGif").eq(j).addClass("bxopcity1");
            }, 100 * j)
        })(i)
    }
}