Принудительное извлечение и циклическое выполнение всех последовательных пиктограмм при наведении курсора без необходимости зависания? - PullRequest
1 голос
/ 17 октября 2019

Я изо всех сил пытаюсь найти способ получить сетку видео миниатюр для анимации без необходимости наводить курсор на каждый из них в отдельности. Большие пальцы руки для каждой анимации не запрашиваются до зависания вручную. Каждое видео имеет такой элемент:

<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>

после того, как вы наведите курсор мыши, URL-адрес миниатюры проходит последовательность 1-8, где он меняет последнее число в длинном хэш-адресе большого пальца на следующий в последовательности. Он получает все 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];
            });
        });
    }
});

Мне интересно, смогу ли я просто запуститьскрипт для имитации наведения на все большие пальцы на странице, чтобы получить изображения последовательности 1-8, а затем перейти оттуда. Или, если это вообще возможно сделать, не нарушая других пунктов функции. Я не эксперт, и я сделал все возможное, чтобы понять. Спасибо, и, пожалуйста, будь добр ко мне.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...