Перемещение фонового изображения X пикселей каждые X миллисекунд

Question

У меня есть image sprite of sorts с несколькими кадрами для 1 кнопки. Я ищу «играть» через кадры при опрокидывании ссылки/кнопки с помощью jQuery. В настоящее время изображение задается в качестве фона кнопки с использованием CSS, поэтому я хочу изменить положение фона каждые ~ 30 мс на ~ 40 пикселей по оси Y (но я могу изменить направление) 10x, поэтому он заканчивает движение ~ 400 пикселей ,

Я попытался использовать анимацию в jQuery с модифицированным плагином положения фона, аналогичным тому, что shown here, но он более или менее перемещает фоновое изображение на пиксель за пикселем, а не устанавливает пиксельные прыжки.

Есть ли лучший вариант?

Answer 1

Если все, что вы хотите сделать, это перемещение фонового изображения вокруг, вы можете использовать setInterval. Это основная идея (я не проверял это, поэтому он не может быть совершенным/есть ошибки)

function moveImage() { 
var x = parseInt($(selector).css("backgroundPositionx")); 
var y = parseInt($(selector).css("backgroundPositiony")); 
$(selector).css("backgroundPositionx",x+change_in_x); 
$(selector).css("backgroundPositiony",y+change_in_y); 
} 

document.setInterval(moveImage,numberofmilliseconds); 

EDIT: исправлены ошибки