Javascript 强制检索并循环所有顺序媒体悬停缩略图而不必悬停？

我正在尽我最大的努力想办法让视频缩略图网格动画化，而不必单独悬停在每个缩略图上。在手动悬停之前，不会请求每个动画的拇指。每个视频都有如下元素：

<div class="favorite-video">
            <a href="/video/######">
                <img width="#" height="#" src="https://cdn.net/video/scr/#/#/#/#########################1_vthumb.jpg" class="image" alt="name">
                <span class="duration">##:##</span><em class="duration">##:##</em>

            </a>
            <div class="overlay">
                <div class="i1">
                    <div class="wrap">
                        <div class="title"><a href="/video/######">name</a></div>
                    </div>
                    <div class="cycle-pic">
                        <a href="/video/######"><img width="#" height="#" src="https://cdn.net/video/scr/#/#/#/#########################1_vthumb.jpg" alt=""></a>
                    </div>
                    <div class="wrap">
                        <div class="views"><i class="sho-views"></i>4</div>
                    </div>
                </div>
            </div>
        </div>

4.

鼠标悬停后，缩略图url将经历一个1-8的序列，将长哈希缩略图url上的最后一个数字更改为序列中的下一个数字。它检索序列的所有8个图像，一旦您悬停，然后开始

我认为它对应的是这个函数

jQuery.fn.extend({
    screenRotation: function(pause) {
        this.each(function(i, o) {
            var handler, cover, d, n, img, im = {};
            if (typeof pause == 'undefined') pause = 500;

            $(o).hover(function() {
                img = this;
                d = this.src.split('_');
                if (d.length != 2) return;

                cover = n = parseInt(d[0].charAt(d[0].length - 1));
                d[0] = d[0].substr(0, d[0].length - 1);

                for (var i = 1; i < 9; i++) im[i] = (new Image).src = d[0] + i + '_' + d[1];

                handler = setInterval(function() {
                    n += 1;
                    if (n > 8) n = 1;
                    img.src = d[0] + n + '_' + d[1];
                }, pause);
            }, function() {
                if (this.src.split('_').length != 2) return;
                clearInterval(handler);
                this.src = d[0] + cover + '_' + d[1];
            });
        });
    }
});

jQuery.fn.extend({
屏幕旋转：功能（暂停）{
每个函数（i，o）{
变量处理程序，cover，d，n，img，im={}；
如果（暂停类型==‘未定义’）暂停=500；
$（o）.悬停（函数（）{
img=这个；
d=此.src.split（“”）；
如果（d.长度！=2）返回；
cover=n=parseInt（d[0].charAt（d[0].length-1））；
d[0]=d[0]。substr（0，d[0]。长度-1）；
对于（变量i=1；i<9；i++）im[i]=（新图像）.src=d[0]+i+'.'+d[1]；
handler=setInterval（函数（）{
n+=1；
如果（n>8）n=1；
img.src=d[0]+n+'.'+d[1]；
}（停顿）；
}，函数（）{
如果（此.src.split（“”“）.length！=2）返回；
clearInterval（处理器）；
this.src=d[0]+保护层+d[1]；
});
});
}
});

---

我想知道我是否可以运行一个脚本，或者在页面上的所有拇指上模拟悬停，以获得1-8序列图像，然后从那里开始。或者甚至可以在不中断函数中其他点的情况下执行此操作。我不是专家，我已经尽了最大努力去理解。谢谢，请善待我。

你想在悬停前预下载所有图像，是吗？我希望所有视频都能一次在页面上播放图像序列动画，而不是像现在这样悬停每一个，只有在悬停时才播放。基本上所有的动画都在播放，在这种情况下，需要先获取图像。我想。谢谢你的回复，先生。你想在悬停之前预下载所有图像，是吗？我希望所有的视频都能在页面上同时播放图像序列动画，而不是像现在这样悬停每一个，只有在悬停时才播放。基本上所有的动画都在播放，在这种情况下，需要先获取图像。我想。谢谢你的回复，先生。