html切换gif动图不重复加载并且动画从头开始播放的问题

第一步，需要做预加载处理

        var arr=["gif/全建筑.png","gif/地面.png","gif/搅拌楼.gif","gif/料场.gif","gif/调度.gif","gif/工控室.gif","gif/地磅.gif","gif/试验室.gif","gif/财务.gif","gif/办公室.gif","gif/工地.gif"];
        var imgs=[];
        preloadImg(arr);
        function preloadImg(pars){
            for(let i=0;i<arr.length;i++){
                imgs[i]=new Image();
                imgs[i].src=arr[i]
            }
        }

第二步，使用attr更换动图地址

        $(".DoanimatedLeftToRight1").mouseover(function(){
            $(".home3d-pic-img").attr('src',"gif/搅拌楼.gif")
        }).mouseout(function(){
            $(".home3d-pic-img").attr('src',"gif/全建筑.png")
        })
        
        $(".DoanimatedLeftToRight2").mouseover(function(){
            $(".home3d-pic-img").attr('src',"gif/料场.gif")
        }).mouseout(function(){
            $(".home3d-pic-img").attr('src',"gif/全建筑.png")
        })

备注：网上有一种方法是在gif动图地址后面加上？Math.random()实现gif重新加载重头播放，但是对大gif文件不好用