У меня имеется галерея изображений, при наведении мышки на одно из изображений срабатывает анимация.
Но хочется, чтобы люди с моб. телефона тоже видели анимацию, а ведь мышки у них нет.
Думаю показывать анимацию на изображение, которое по середине экрана.
Начал писать код, но далеко не ушел, он уже на этом этапе не хочет работать.
Он не правильно определяет элемент.
https://codepen.io/Jeerjmin/pen/MrKgRW
var event1 = new MouseEvent("mouseenter");
if ( $(window).width() < 750 ) {
window.onscroll = function() {
var centerX = document.documentElement.clientWidth / 2;
var centerY = document.documentElement.clientHeight / 2;
var elem = document.elementFromPoint(centerX,centerY);
elem.dispatchEvent(event1);
}
}
Проблема в том, что на мобильных устройствах не работает событие
mouseenter, что вместо него можно использовать ?
