За последние 24 часа нас посетили 20144 программиста и 1079 роботов. Сейчас ищут 726 программистов ...

Как адаптировать событие .hover на мобильных устройствах

Тема в разделе "JavaScript и AJAX", создана пользователем ushkom, 13 дек 2020.

  1. ushkom

    ushkom Активный пользователь

    С нами с:
    5 сен 2016
    Сообщения:
    68
    Симпатии:
    1
    Доброго времени суток. Прошу помощи у знающих. У меня есть скрипт для ротации изображений при наведении на блок, сам блок является ссылкой. На ПК работает отлично, а на мобильном нет возможности запустить ротацию, только при клике, но при клике идет переход по ссылке. Даже добавил библиотеку hammer.js, с hover css она помогла а с событием hover не могу найти решения. Подскажите как адаптировать скрипт под мобильные устройства. Спасибо.

    Сам скрипт:

    Код (Text):
    1. <img loading="lazy" class="rotator" src="1.jpg" data-images="2.jpg,3.jpg,4.jpg">
    2.  
    3. <script type="text/javascript" >
    4. $('.rotator').hover(function() {
    5.     var _this = this,
    6.         images = _this.getAttribute('data-images').split(','),
    7.         counter = 0;
    8.     this.setAttribute('data-src', this.src);
    9.     _this.timer = setInterval(function() {
    10.         if(counter > images.length) {
    11.             counter = 0;
    12.         }
    13.         if (images[counter] != undefined) {
    14.             _this.src=images[counter];
    15.         } else {
    16.             _this.src=_this.getAttribute('data-src');
    17.         }
    18.  
    19.         counter++;
    20.     }, 750);
    21.  
    22. }, function() {
    23.     this.src = this.getAttribute('data-src');
    24.     clearInterval(this.timer);
    25. });
    26. </script>
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.734
    Симпатии:
    1.315
    Адрес:
    Лень
  3. ushkom

    ushkom Активный пользователь

    С нами с:
    5 сен 2016
    Сообщения:
    68
    Симпатии:
    1
    Я читал по этой ссылки, и читал про touchstart, к сожалению у меня ничего не получилось