Показать сообщение отдельно
  #1 (permalink)  
Старый 11.07.2017, 10:50
Новичок на форуме
Отправить личное сообщение для andamurobl Посмотреть профиль Найти все сообщения от andamurobl
 
Регистрация: 11.07.2017
Сообщений: 6

Вертикальная анимация спрайта
Добрый день! Нашел на старом битриксе код который при событии hover листает бг блока. БГ из себя представляет вертикальный спрайт из 16 кадров. У каждого кадра свое css правило позиционирования бг. Если я конечно все правильно понимаю.

$("#tick").hover(function () { 

var on=0;
var i=1;
if($("#tick").hasClass("tsl_1"))
t=setInterval( function() 
	{
	if(on==0)
	{
	$("#tick").removeClass("tsl_"+i); 
	if(i==16) { on=1; $("#tick").addClass("tsl_1"); clearInterval(t);}
	else{
	i++;
	$("#tick").addClass("tsl_"+i); }
	}
	}
	, 90);
   })
</script>


Есть необходимость поменять код чтобы он работал не по событию hover а при загрузке страницы с интервалом. Изучал раздел setInterval и setTimeout, думаю что суть в них, но применить их чтобы код работал, так и не удалось. Если кому не жалко времени - надеюсь на помощь.
Ответить с цитированием