Вопрос? Скриншоты

Code:

<img class="js-hover" src='https://img.24video.site/2638/2638147/thumb320_1.jpg' data='https://img.24video.site/2638/2638147/thumb320_2.jpg,https://img.24video.site/2638/2638147/thumb320_3.jpg,https://img.24video.site/2638/2638147/thumb320_3.jpg'>

Code:

$(function() {
    $('.js-hover').hover(function() {
        var _this = this,
            images = _this.getAttribute('data').split(','),
            counter = 0;

        this.setAttribute('data-src', this.src);
        _this.timer = setInterval(function(){
            if(counter > images.length) {
                counter = 0;
            }
            if (images[counter] != undefined) {
                _this.src = images[counter];
            } else {
                _this.src = _this.getAttribute('data-src');
            }

            counter++;
        }, 750);

    }, function() {
        this.src = this.getAttribute('data-src');
        clearInterval(this.timer);
    });
});

 

salomonkayn я так понимаю, первая часть в шаблон, а вторая в энджин?

 

Этот код вставляешь в нужное тебе место, если используешь DLE то в файл shortstory.tpl

Code:

<img class="js-hover" src='https://img.24video.site/2638/2638147/thumb320_1.jpg' data='https://img.24video.site/2638/2638147/thumb320_2.jpg,https://img.24video.site/2638/2638147/thumb320_3.jpg,https://img.24video.site/2638/2638147/thumb320_3.jpg'>

В src='Доп поле основного фото' а в data='вставляешь фото уже которое будет Анимация Через запятую'

И Js код вставить в любой js файл используемый шаблоном

Code:

$(function() {
    $('.js-hover').hover(function() {
        var _this = this,
            images = _this.getAttribute('data').split(','),
            counter = 0;

        this.setAttribute('data-src', this.src);
        _this.timer = setInterval(function(){
            if(counter > images.length) {
                counter = 0;
            }
            if (images[counter] != undefined) {
                _this.src = images[counter];
            } else {
                _this.src = _this.getAttribute('data-src');
            }

            counter++;
        }, 750);

    }, function() {
        this.src = this.getAttribute('data-src');
        clearInterval(this.timer);
    });
});

 

iroder
Попробуй установить js перед закрывающим тегом </body>

Code:

<script type="text/javascript">
    $(function() {
    $('.js-hover').hover(function() {
        var _this = this,
            images = _this.getAttribute('data').split(','),
            counter = 0;
        this.setAttribute('data-src', this.src);
        _this.timer = setInterval(function(){
            if(counter > images.length) {
                counter = 0;
            }
            if (images[counter] != undefined) {
                _this.src = images[counter];
            } else {
                _this.src = _this.getAttribute('data-src');
            }
            counter++;
        }, 750);
    }, function() {
        this.src = this.getAttribute('data-src');
        clearInterval(this.timer);
    });
});
</script>

также у тебя должна быть Подключёна "jquery"