На компьютере и андроид смартфонах всё работает как нужно. При нажатии или наведении на блок, анимируется картинка внутри него. А на айфоне нет! На айфоне - анимируется одна картинка, и не 1 раз, а бесконечно, т.е логично что setTimout не отключает класс "open" . Но я проверял. в других ситуациях он работал. Если что то в css префикс -webkit- на всех свойсвах анимации стоит.
var cards = document.body.getElementsByClassName('cards');
function AnimationCards(options){
var elem = options.elem;
var img = null;
elem.onmouseover = function(){
img = this.querySelector('.card_img');
}
elem.addEventListener("click", go());
elem.addEventListener("mouseover", (go));
function go(){
if (!img.classList.contains('run')){
img.classList.toggle('run');
setTimeout(function(){
img.classList.toggle('run');
}, 1000);
}
};
this.go = go;
}
var animationCard = [];
for (var i = 0; i < cards.length; i++){
animationCard = new AnimationCards({
elem: cards[i]
});
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
TypeError: Cannot read property 'toString' of undefined at c:\Users\Администратор\Desktop\project\routes\indexjs:35:27
Нужно сделать чтоб при ширине 375px выполнялась функция с другой высотой
При перезагрузке страницы отображаются только последнедобавленные, вместо всехЕсли var tasks = []; сделать глобальной, идет некорректное сохранение...
Имеется текст нескольких различных математических задач