Вопрос Ротатор изображений с доп. поля

Доброго времени суток. Подскажите пожалуйста, как изменить скрипт ротатора чтоб он брал изображения с доп. поля?
Например:

Код:

<img src = '[xfvalue_thumb]' onmouseover = 'start_animate(this, "[xfvalue_skrinshot-1],[xfvalue_skrinshot-2],[xfvalue_skrinshot-3],[xfvalue_skrinshot-4]");' onmouseout = 'stop_animate();'>

Спасибо за помощь.

 

Решил вопрос заменой на этот скрипт:

Код:

$('.rotator').hover(function() {
    var _this = this,
        images = _this.getAttribute('data-images').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);
});

Проблема с мобильными, функция .hover не корректно работает на них, может знает кто как подружить данный скрипт с мобильными?

 

Не корректно работает функция .hover. То есть, чтоб заставить работать ротацыю нужно нажать на изображение, но при нажатии срабатывает переход по ссылке в полную новость. Как заставить срабатывать ротацию при косании и сдвиге пальца. Даже добавил библиотеку hammer.js, с hover css она помогла а с событием hover не могу найти решения. Я читал про touchstart, к сожалению у меня ничего не получилось.